Workflow Builder - Hướng Dẫn Sử Dụng

Giới Thiệu

Workflow Builder là công cụ visual editor cho phép bạn tạo các kịch bản tự động hóa browser mà không cần viết code.

Workflow là gì?

Workflow là một chuỗi các hành động (nodes) mà browser sẽ thực hiện tự động. Ví dụ:

Navigate (Google) → Type (keyword) → Click (Search) → Wait (5s) → Scroll

Cách hoạt động

  1. Bạn tạo workflow bằng cách kéo thả các nodes
  2. Kết nối các nodes theo thứ tự thực hiện
  3. Cấu hình mỗi node (URL, selector, text, thời gian,...)
  4. Test workflow để đảm bảo chạy đúng
  5. Activate workflow và executors sẽ chạy tự động

Tạo Workflow Mới

Bước 1: Vào Workflow Builder

  1. Đăng nhập vào Traffic4SEO
  2. Click Workflows trong sidebar
  3. Click Create New Workflow

Bước 2: Đặt Tên & Mô Tả

  • Name: Tên workflow (VD: "Google Search Traffic Bot")
  • Description (tùy chọn): Mô tả để bạn nhớ workflow làm gì
Tip: Đặt tên rõ ràng để dễ quản lý khi có nhiều workflows.

Bước 3: Thêm Nodes

Cách thêm node:

  1. Kéo node từ sidebar bên trái
  2. Thả vào canvas (vùng làm việc giữa màn hình)
  3. Node sẽ xuất hiện trên canvas

Các loại nodes có sẵn:

  • 🌐 Navigate: Điều hướng đến URL
  • ⌨️ Type: Nhập text vào input field
  • 🖱️ Click: Click vào element
  • ⏱️ Wait: Chờ một khoảng thời gian
  • 📜 Scroll: Scroll trang lên/xuống
  • 📸 Screenshot: Chụp màn hình (để verify)

Bước 4: Kết Nối Nodes

  1. Click vào output port (chấm tròn bên phải node)
  2. Kéo đến input port (chấm tròn bên trái node tiếp theo)
  3. Một mũi tên sẽ kết nối 2 nodes

Bước 5: Cấu hình Nodes

Click vào node để mở panel cấu hình bên phải. Mỗi node có các parameters khác nhau (xem chi tiết phần Các Loại Nodes).

Bước 6: Lưu Workflow

Click Save ở góc trên phải.

Các Loại Nodes

1. Navigate Node 🌐

Mục đích: Điều hướng browser đến một URL.

Parameters:

  • URL: URL đích (VD: https://google.com)
  • Wait Until: Chờ đến khi:
    • load: Page load xong
    • domcontentloaded: DOM load xong (nhanh hơn)
    • networkidle: Không còn requests mạng

Ví dụ:

URL: https://google.com
Wait Until: load
Lưu ý: Luôn bắt đầu workflow với Navigate node!

2. Type Node ⌨️

Mục đích: Nhập text vào input field (search box, form, etc.).

Parameters:

  • Selector: CSS selector của input field (VD: input[name="q"])
  • Text: Text cần nhập
  • Delay (ms): Delay giữa mỗi ký tự (để giống người thật đánh máy)
    • 0 = nhập ngay lập tức
    • 50-100 = đánh máy nhanh
    • 100-200 = đánh máy bình thường (khuyến nghị)

Ví dụ:

Selector: input[name="q"]
Text: Traffic4SEO
Delay: 100

Làm thế nào để tìm Selector?

  1. Mở website trong Chrome
  2. Right-click vào input field → Inspect
  3. Copy selector từ DevTools:
    • Right-click element trong HTML
    • Copy → Copy selector

3. Click Node 🖱️

Mục đích: Click vào button, link, hoặc element khác.

Parameters:

  • Selector: CSS selector của element
  • Delay Before Click (ms): Chờ trước khi click (VD: 1000 = 1 giây)

Ví dụ:

Selector: button[type="submit"]
Delay: 500
Tip: Nếu element không click được, thử đợi lâu hơn (increase delay) hoặc thêm Wait node trước Click.

4. Wait Node ⏱️

Mục đích: Tạm dừng workflow một khoảng thời gian.

Parameters:

  • Duration (ms): Thời gian chờ
    • 1000 ms = 1 giây
    • 5000 ms = 5 giây
  • Min & Max (tùy chọn): Random delay giữa min-max để tự nhiên hơn

Ví dụ cố định:

Duration: 5000  (chờ 5 giây)

Ví dụ random:

Min: 3000  (3 giây)
Max: 7000  (7 giây)
→ Mỗi lần chạy sẽ random từ 3-7 giây
Khuyến Nghị