Hướng dẫn set up Facebook Event tracking với Google Tag Manager

Tiếp nối ở phần 1 về giới thiệu lợi ích cũng như  với Google Tag Manager, hôm nay xin chia sẻ với các bạn thêm về cách chi tiết cài đặt các event bao gồm

  • Cài đặt Event Add To Cart
  • Event Purchase
  • Event Initiate Checkout

Bước 1 : Cài đặt đoạn Facebook pixel cơ bản

Mình đã chia sẽ ở phần 1 cách cài đặt chi tiết, đây là bước nền bắt buộc để bạn có thể set up các event còn lại thông qua Google Tag Manager ->> Tham khảo tại đây

Bước 2: Cách cài đặt các event từ facebook pixel 

Đây là bước quan trọng và hơi khó khăn cho bạn nào không có kinh nghiệm về ecommerce và product

Tại mục event của facebook các bạn có thể thấy có rất nhiều loại như bên dưới:

Ở đây mình sẽ hướng dẫn 1 Event “Add To Cart” có nghĩa là hành động thêm vào giỏ hàng. các event còn lại các bạn có thể làm tương tự.

Set up Facebook Event Add To Cart với Google Tag Manager

1. Xác định giá trị các biến cần chạy

Từ màn hình “Install Pixel Code” các bạn chọn “Add to Cart” event màn hình bên dưới sẽ xuất hiện

Ở đây các bạn có thể thấy là Facebook cho chúng ta có thể add thêm các dữ liệu data vào event bằng cách “send event parameters” việc này có ý nghĩa gì? => Đây là một tính năng quan trọng và cần thiết để bạn có thể ghi nhận chi tiết event (ở đây là add to cart) với giá trị bao nhiêu, sản phẩm nào, và thuộc loại content nào bằng cách gán các giá trị cho tham số tương ứng.

Và nếu bạn muốn chạy dynamic hay dynamic remarketing trên facebook thì có các thông số bạn bắt buộc phải điền.

Bi nhiêu đó đã, giờ chúng ta sẽ đi tiếp là các tham số trên là gì? ý nghĩa ra sao? và kiếm giá trị ở của tham số đó ở đâu để điền vào?

  • Conversion value: bạn sẽ điền giá trị cố định nếu website sản phẩm đồng giá hoặc biến giá trị nếu website có nhiều sản phẩm mức giá khác nhau
  • Currency: đơn vị tiền trên website bạn, buộc phải sử dụng 3 kí tự chuẩn của quốc tế ví dụ ở nước mình là ‘VND’
  • Content ID: là trường “freeform” có thể 1 hoặc nhiều giá trị đại diện cho tất cả content/sản phẩm trên website của bạn.
  • Content Type: Điều này xác định xem ID nội dung của bạn có phải là sản phẩm, product_group… Nếu bạn muốn matching ID chỉ duy nhất 1 sản phẩm, hãy sử dụng sản phẩm. Nếu bạn đang kết hợp một nhóm sản phẩm, hãy sử dụng product_group (size, color, brand…)

2. Cách lấy các giá trị của mỗi parameter này ở đâu?

Phần này các bạn có thể liên hệ bộ phân product/IT hoặc cũng có thể tự làm bằng cách inspect trang sản phẩm detail như hình bên dưới:

  • Lưu ý nhỏ: đối với các trang thương mại điện tử thì các bạn cần push data layer lên để có thể có thể lấy các giá trị/biến cho chính xác.

Website mình sử dụng Woocommerce làm platform bán hàng. Xem hình trên các bạn có thể thấy các thông số (single-product)

  • ecomm_pagetype:“product” -> sẽ tương đương với “content type”
  • ecomm_prodid:“8443” -> sẽ tương đương với “content id”
  • ecomm_totalvalue: 250000
  • currency: VNĐ

Đây là các biến giá trị mặc định của Woocommerce theo mình biết thì các bạn hoàn toàn có thể config các biến này theo ý của mình.

Ngoài ra nếu là nhóm sản phẩm (group-product) các bạn có thể xem thêm các biến giá trị như size, màu sắc, brand…

3. Copy đoạn code được generate ra

Còn làm gì nữa các bạn sẽ fill thông số trên vào facebok code pixel và triển khai với Google Tag Manager, đoạn code sẽ trông giống như sau:

<script>  fbq(‘track’, ‘AddToCart’, {    value: {{ecomm_totalvalue}},    currency: ‘VND’,    content_ids: ‘ecomm_prodid’,    content_type: ‘ecomm_pagetype’,  });</script>

3. Tạo Event “add to cart” trên Google Tag Manager

1. Từ trình quản lý tag manager bạn chọn Tag -> New tag -> Custom HTML -> paste đoạn code ở trên vào

2. Tạo trigger để fire event này -> có rất nhiều cách để tạo trigger -> ở đây mình chọn cách đơn giản là “Click class” vào button “Add to Cart”.

event add to cart tag manager

Sau đó “save” rồi “preview” xem tag có hoạt động hay không -> rồi “publish”. Để kiểm tra event này đã được gắn thành công hay chưa các bạn có thể test và tuy cập vào Facebook pixel event để check hoặc sử dụng Facebook Pixel Helper

Như vậy là xong cách cài đặt và set up chi tiết cho Event “Add to Cart” trên Facebook, các event còn lại như “Checkout” hay “Purchase” các bạn có thể làm tương tự.

Có một số kiến thức mình đi hơi nhanh vì không thể kể hết trong bài này được, các bạn cần hỗ trợ có thể comment bên dưới hoặc gửi email cho mình nhé.Chúc thành công!

Leave a Comment