Cách dùng Tạo Script Theo Dõi Sự Kiện
- Chọn các công cụ phân tích mà website của bạn đã tải, cùng các sự kiện tự động bạn muốn theo dõi.
- Sao chép script vào phần footer code (Webflow: Site settings → Custom code → Footer code).
- Thêm
data-track="event_name"vào bất kỳ nút, liên kết hoặc form nào, kèm các attributedata-track-*cho tham số. - Dùng Thử ngay để xem các sự kiện, sau đó publish và kiểm tra trong chế độ live view của công cụ phân tích.
Cách hoạt động
Script chỉ lắng nghe một lần trên toàn trang, nên vẫn bắt được các phần tử được thêm sau này — danh sách CMS, tab, popup. Khi người dùng click vào phần tử có data-track (hoặc bất kỳ phần tử nào nằm bên trong), script sẽ đọc tên sự kiện và mọi attribute data-track-* như một tham số: data-track-location="hero" sẽ thành location: "hero". Với <form>, sự kiện được gửi khi form được submit thay vì mỗi lần click. Script không đọc giá trị các trường nhập liệu, nên không có dữ liệu cá nhân nào được gửi đi.
Mỗi công cụ nhận được gì
- GA4:
gtag('event', name, params). Tag Manager:dataLayer.push({ event: name, ...params }). - Meta Pixel:
fbq('track', …)cho các sự kiện chuẩn nhưLeadhoặcContact(đặt bằngdata-track-meta="Lead"), còn lại dùngtrackCustom. - Plausible, Umami, PostHog, Mixpanel và Fathom nhận lệnh gửi sự kiện riêng với cùng tên và thuộc tính; Clarity nhận một sự kiện tùy chỉnh để lọc bản ghi phiên.
Các sự kiện tự động dùng tên của GA4 — click kèm outbound: true cho link ra ngoài và file_download cho lượt tải file — để khớp với Enhanced Measurement nếu bạn dùng cả hai (hãy tắt một trong hai để tránh đếm trùng). Các công cụ không có trên trang sẽ được bỏ qua mà không báo lỗi. Để tạo từng sự kiện thủ công, hãy dùng GA4 Event Code Generator.
Cũng được tìm dưới tên: script theo dõi sự kiện, script theo dõi click, theo dõi data attribute, event tracking webflow, theo dõi click nút google analytics, ga4 theo dõi click, theo dõi link ra ngoài, theo dõi gửi form ga4.
Các công cụ dùng kèm tốt với Tạo Script Theo Dõi Sự Kiện
- Tạo mã Google Tag — Nhập ID đo lường GA4, ID Google Ads hoặc ID container Tag Manager để nhận mã cài đặt sẵn sàng dán vào trang, với mặc định Consent Mode v2, liên kết theo dõi đa tên miền, chế độ debug, gửi lượt xem trang thủ công và cài đặt cookie.
- Tạo banner cookie — Thêm banner đồng ý cookie vào bất kỳ website nào — Webflow, WordPress, Shopify hay HTML thuần — mà không cần plugin trả phí.
- Tạo dataLayer Push — Tạo code dataLayer.push() cho Google Tag Manager: chọn sự kiện GA4 được khuyến nghị hoặc tự đặt tên sự kiện, thêm tham số và sản phẩm thương mại điện tử, rồi tùy chọn bọc trong trình lắng nghe click hoặc gửi form — chỉ cần sao chép và dán.
- Kiểm tra Tag & Pixel — Nhập URL để tìm mọi tag phân tích, pixel quảng cáo và trình quản lý tag trên trang, kèm ID của chúng, nội dung đã tải trong Google Tag Manager, công cụ quản lý cookie consent và các thẻ xác minh Search Console / Bing.