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

Tiếp nối ở phần 1 về việc set up Event tracking trên facebook 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

  • Event Add To Cart
  • Event Purchase
  • Event Initiate Checkout 
Để thực hiện cách set up các event trên các bạn cần nắm được

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

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 set up event 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:
cai dat facebook event

Ở đây mình sẽ hướng dẫn 1 Event "Add To Cart" 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

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
cai dat facebook event bang google tag manager
Ở đâ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 re-dynamic 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...)
Kiếm các giá trj 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. 
minh hoa data layer

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_totalvalue250000
Đâ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...

Làm gì tiếp theo?

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>

Set up Event Add to Cart trên Google Tag Manager

1. Tag -> New tag -> Custom HTML -> paste đoạn code ở trên vào
cat dat facebook event voi google tag manager

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" 


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! 

No comments

Powered by Blogger.