Trình tạo mã Google Tag Snippet — gtag.js, GA4, Google Ads và Tag Manager

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. Các tùy chọn này chỉ bật khi bạn thật sự cần.

Cập nhật

Trong <head>, càng cao càng tốt

Ngay sau thẻ <body> mở đầu

Trong Webflow, dán mã head vào Cài đặt site → Mã tùy chỉnh → Mã head. Đang dùng trình tạo banner cookie? Hãy đặt đoạn mã đầu tiên của nó lên trên đoạn mã này.

Dữ liệu của bạn không bao giờ rời khỏi máy tính. Mọi xử lý diễn ra 100% cục bộ trong trình duyệt của bạn.

Công cụ này có hữu ích không?0.0 0 lượt đánh giá
Tạo code sự kiện GA4Chọn sự kiện khuyến nghị hoặc tự đặt tên, thêm tham số và items, sao chép code gtag(), dataLayer.push() hoặc Measurement Protocol.Tạo code sự kiện GA4 →

Cách dùng Tạo mã Google Tag

  1. Chọn Google tag để cài GA4 hoặc Google Ads trực tiếp, hoặc chọn Tag Manager nếu bạn quản lý thẻ trong container GTM.
  2. Nhập ID của bạn. Tìm ID GA4 trong Quản trị → Luồng dữ liệu, còn ID container nằm ở đầu trang Tag Manager.
  3. Giữ mặc định Consent Mode v2 nếu bạn hiển thị banner cookie, và chỉ thêm những tùy chọn bạn cần.
  4. Dán mã head vào mọi trang (Webflow: Cài đặt site → Mã tùy chỉnh), xuất bản, rồi kiểm tra trong báo cáo Realtime hoặc DebugView.

Mỗi tùy chọn thêm gì vào mã

  • Mặc định Consent Mode v2 — gtag('consent', 'default', …) đặt ad_storage, ad_user_data, ad_personalization và analytics_storage thành denied trước khi bất kỳ thẻ nào chạy, kèm wait_for_update để banner có thời gian tải. Sau đó banner của bạn gọi gtag('consent', 'update', …).
  • Chế độ debug — debug_mode: true gửi sự kiện đến DebugView trong GA4. Hãy tắt chế độ này trước khi đưa site lên chính thức, nếu không lưu lượng debug sẽ lẫn vào báo cáo trong vài phút mỗi lần.
  • Gửi lượt xem trang thủ công — send_page_view: false tắt lượt xem trang tự động, dùng cho ứng dụng một trang (SPA) gửi page_view mỗi khi đổi route.
  • Theo dõi đa tên miền — linker.domains thêm tham số _gl vào các liên kết giữa các tên miền của bạn, nhờ đó một lượt truy cập qua nhiều tên miền vẫn là một phiên. Bạn cũng cần khai báo các tên miền này trong cài đặt luồng dữ liệu GA4.
  • User ID — user_id gộp các lượt truy cập của một người trên nhiều thiết bị. Đây phải là ID nội bộ của chính bạn; chính sách của Google nghiêm cấm gửi email, họ tên hoặc dữ liệu cá nhân khác.

Google tag hay Tag Manager?

Google tag (gtag.js) là cách ngắn nhất để thêm GA4 hoặc Ads vào site. Tag Manager tải một container mà bạn chỉnh sửa trên giao diện web, nhờ đó đội marketing có thể thêm thẻ, trigger và pixel mà không cần đụng đến mã. Đây là lựa chọn tốt hơn khi site có nhiều thẻ. Hãy chỉ dùng một trong hai cho cùng một thuộc tính GA4, không dùng cả hai, nếu không mỗi lượt xem trang sẽ bị đếm hai lần. Sau đó, bạn có thể gửi sự kiện bằng Trình tạo mã sự kiện GA4 và kiểm tra thẻ đã tải đúng chưa bằng Công cụ kiểm tra thẻ theo dõi.

Cũng được tìm dưới tên: tạo mã gtag, mã cài đặt ga4, mã gtag.js, mã google tag manager, mã cài đặt gtm, thẻ chuyển đổi google ads, mã consent mode v2, theo dõi đa tên miền ga4.

Các công cụ dùng kèm tốt với Tạo mã Google Tag

  • Tạo Script Theo Dõi Sự Kiện — Theo dõi click nút, liên kết và gửi form bằng cách thêm attributes thay vì viết code: data-track="sign_up_click" cùng các tham số data-track-* tùy chọn.
  • 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 UTM — Thêm utm_source, utm_medium, utm_campaign và các tham số khác vào bất kỳ liên kết nào, xem lượt truy cập sẽ rơi vào kênh GA4 nào, và gắn thẻ cả danh sách URL cùng lúc.
  • Giải mã request GA4 — Gỡ lỗi Google Analytics 4 không cần đoán mò.

Câu hỏi thường gặp

Tôi tìm ID đo lường GA4 ở đâu?
Trong Google Analytics, vào Quản trị → Luồng dữ liệu, mở luồng web của bạn và sao chép ID bắt đầu bằng G-.
Tôi có thể cài cả GTM và gtag.js không?
Được, nhưng đừng tải cùng một thuộc tính GA4 ở cả hai nơi, nếu không lượt xem trang sẽ bị đếm hai lần. Nếu bạn dùng Tag Manager, hãy thêm GA4 vào bên trong container.
Mã này có tôn trọng sự đồng ý cookie không?
Khi bật mặc định Consent Mode v2, các thẻ Google không lưu cookie cho đến khi banner của bạn gửi cập nhật đồng ý. Nếu không có banner gửi cập nhật, Analytics sẽ ở chế độ không dùng cookie.
Làm sao kiểm tra thẻ hoạt động đúng?
Bật chế độ debug rồi mở Quản trị → DebugView trong GA4, hoặc theo dõi báo cáo Realtime. Tiện ích trình duyệt Google Tag Assistant cũng hiển thị mọi thẻ mà trang tải.
Tôi có thể cài Tạo mã Google Tag như một ứng dụng web và dùng khi không có mạng không?
Có. Tạo mã Google Tag là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.

Công cụ liên quan