Set up Facebook Event “Add To Cart” với Google Tag Manager phải làm như thế nào? Nếu bạn mới bắt đầu sử dụng công cụ GTM, bạn sẽ gặp nhiều bỡ ngỡ khi không biết cách thiết lập tính năng "Thêm sản phẩm vào giỏ hàng". Dưới đây là một số bước hướng dẫn chi tiết mà bạn có thể tham khảo và thực hiện.
Nếu bạn muốn hoặc đội ngũ của mình đang gặp bất cứ vấn đề gì về tracking mà không thể tự mình giải quyết. Hãy tư vấn và để các chuyên gia Tracking trên Askany hỗ trợ bạn ngay hôm nay nhé.
Hướng dẫn Set up Facebook Event Add To Cart với Google Tag Manager
Bước 1: Xác định giá trị các biến cần chạy
Trước khi tạo mã sự kiện, bạn cần xác định các biến cần chạy. Các biến này sẽ cung cấp thông tin bổ sung về sự kiện "Thêm sản phẩm vào giỏ hàng".
Xem thêm: Hướng dẫn tracking event trò chuyện tawk.to qua Google Tag Manager
Các biến bạn cần bao gồm:
product_id: ID sản phẩm được thêm vào giỏ hàng.
product_name: Tên sản phẩm được thêm vào giỏ hàng.
product_price: Giá sản phẩm được thêm vào giỏ hàng.
Bạn có thể lấy các giá trị của mỗi biến này từ mã HTML của trang web của bạn. Ví dụ: để lấy ID sản phẩm, bạn có thể sử dụng mã sau:
<script>
const productId = document.querySelector('[data-product-id]').dataset.productId;
</script>
Bước 2: Tạo mã sự kiện
Sau khi xác định các biến cần chạy, bạn có thể tạo mã sự kiện. Bạn có thể tạo mã sự kiện trong Google Tag Manager hoặc bằng cách thêm mã trực tiếp vào mã HTML của trang web.
Tạo mã sự kiện trong Google Tag Manager
Để tạo mã sự kiện trong Google Tag Manager, hãy làm theo các bước sau:
Truy cập trang web của GTM.
Tạo một thẻ mới.
Chọn loại thẻ "Google Analytics: Event".
Trong trường "Event name", nhập "Add to cart".
Trong trường "Category", nhập "Conversion".
Trong trường "Action", nhập "Add to cart".
Trong trường "Label", nhập "product_id".
Trong trường "Value", nhập "product_price".
Nhấp vào "Lưu".
Thêm mã sự kiện trực tiếp vào mã HTML
Nếu bạn không muốn sử dụng Google Tag Manager, bạn có thể thêm mã sự kiện trực tiếp vào mã HTML của trang web.
Để thêm mã sự kiện trực tiếp vào mã HTML, hãy làm theo các bước sau:
Tìm vị trí trên trang web mà bạn muốn theo dõi sự kiện.
Thêm mã sự kiện vào mã HTML của trang web.
Mã sự kiện có dạng sau:
<script>
ga('send', {
hitType: 'event',
eventCategory: 'Conversion',
eventAction: 'Add to cart',
eventLabel: product_id,
eventValue: product_price
});
</script>
Trong đó:
product_id: Giá trị của biến "product_id".
product_price: Giá trị của biến "product_price".
Bước 3: Xác minh mã sự kiện
Sau khi tạo mã sự kiện, bạn cần xác minh mã sự kiện để đảm bảo rằng nó hoạt động chính xác.
Để xác minh mã sự kiện, hãy làm theo các bước sau:
Thêm một đoạn mã sau vào mã HTML của trang web của bạn:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'Add to cart',
'product_id': 1234567890,
'product_price': 100000
});
</script>
Truy cập trang web của bạn và thêm bất cứ sản phẩm vào giỏ hàng.
Kiểm tra báo cáo "Events" trong Google Analytics để xem liệu mã sự kiện có hoạt động chính xác hay không.
Nếu mã sự kiện hoạt động chính xác, bạn sẽ thấy sự kiện "Add to cart" được ghi lại trong báo cáo "Events".
Bước 4: Thêm mã sự kiện vào trang web của bạn
Sau khi xác minh mã sự kiện, bạn có thể thêm mã sự kiện vào trang web của mình.
Xem thêm: Các khóa học tracking tại Việt Nam uy tín hiện nay
Nếu bạn đang sử dụng Google Tag Manager, bạn có thể thêm mã sự kiện bằng cách kéo và thả thẻ "Google Analytics: Event" vào tập hợp thẻ của mình.
Nếu bạn không sử dụng Google Tag Manager, bạn có thể thêm mã sự kiện bằng cách dán mã sự kiện vào vị trí trên trang web mà bạn muốn theo dõi sự kiện.
Với hướng dẫn này, bạn có thể dễ dàng Set up Facebook Event Add To Cart với Google Tag Manager. Nếu bạn cần một chuyên gia tracking hỗ trợ và hướng dẫn bất cứ vấn đề gì bạn đang gặp phải, hãy đặt lịch hẹn và tư vấn 1:1 trực tiếp cùng họ trên ứng dụng Askany ngay hôm nay.
Không có nhận xét nào:
Đăng nhận xét