Cách Cài Đặt Event Tracking Trong Google Tag Manager

Lúc trước để cài một event tracking cho một button, đường link nào đó trên website thì phải nhờ dev ỉ oi. Nhưng sau khi có Google Tag Manager (GTM) thì chuyện gắn tracking event chỉ diễn ra trong vòng 2 nốt nhạc. Các bạn làm theo hướng dẫn sau đây là đảm bảo thành công.

  1. Event tracking là gì?

Event tracking là việc đo lường một hành động cụ thể nào đó diễn ra trên website từ việc click một button, đăng ký form thông tin, xem video, scroll chuột, click banner…

Mục đích của việc gắn tracking event là giúp bạn biết thông tin trên site có đủ hấp dẫn để người ta click vào button đăng ký hay không? banner của bạn đặt ở vị trí đó có được click nhiều hay không? form đăng ký thông tin có rườm rà làm users nản hay không?… nói chung giúp bạn có số liệu để chỉnh sửa lại website của mình để tối ưu được hành động của người dùng trên website.

Để đọc được event tracking report trong Google Analytics, bạn vào Reporting > Behavior > Events > Top Events.

Event Tracking Report in Google Analytics

Cấu trúc của 1 event tracking bao gồm 3 thành phần:

  • Event Category: Danh mục event (hay là tên của event), có thể là Video, Summit Button, Right Banner… tuỳ thuộc vào thành phần trên website mà bạn muốn track mà đặt tên.

Trong bài viết này sẽ đo là đo Button Search (hình bên dưới) có bao nhiêu người click, nên Event Category sẽ đặt là Search Button.

Search Button

  • Event Action: là hành động lên Event Category, có thể là Click, View, Scroll, Tap…

Ở đây mình muốn đo có bao nhiêu người Click vào Button Search, do đó Event Action mình đặt là Click (nói chung muốn đặt sao tuỳ ý miễn hiểu là được).

  • Event Value: là giá trị của 1 event đó. VD bạn biết khi có người Click vào Button Đăng Ký của form đăng ký thành viên và giá trị của thông tin đó là 1,000 VND, thì bạn cho giá trị Event Value là 1,000 hoặc là số lần 1 tài liệu được dowload về hoặc số giây video được xem…

Những chỉ số trong Event Report:

  • Total events: là tổng thể số hành động của event đó. VD: trong 1 ngày Search Button được bấm 100 lần.
  • Unique events: Số lần duy nhất của event diễn ra trong 1 session. VD: trong 1 session (30 phút) nút Search Button được bấm 10 lần thì unique events chỉ tính là 1.
  • Event value: là giá trị bạn set cho 1 event như phần trên đã nói.
  • Average value: giá trị trung bình của 1 event (average value = event value/ total events)
  1. Cách cài đặt tracking event:

Đây là phần hấp dẫn nhất, bây giờ các bạn bình tĩnh và làm theo hướng dẫn bên dưới:

Sau khi đăng nhập vào Google Tag Manager, đầu tiên bạn phải check có mở Variables của click tracking lên chưa như hình bên dưới (Chưa biết về variables, vui lòng đọc lại nhập môn của bí kíp Google Tag Manager):

Click Variables - Google Tag Manager

Sau chọn tất cả Varibales của Clicks, tiếp tục tạo một Trigger cho một Click Event.

Click Event - Trigger

Sau đó chọn target cho Event Trigger, ở đây sẽ track cái Button Search do đó sẽ chọn là All Element. Còn nếu các bạn muốn track một đường link thì chọn Just Links (Link thì siêu dễ, trigger bằng thành phần CSS của website cho nó hấp dẫn).

Chọn Fire On là All Clicks có nghĩa là khi bạn click bất kỳ chổ nào trên website Trigger này cũng kích hoạt, để cho các bạn hình dung được Event Trigger nó hoạt động như thế nào. Sau đó, mới áp Trigger cho một thành phần cụ thể trên website (ở đây là Search Button) và gắn 1 Tag cho trigger đó (Event Tracking Google Analytics).

Fire On - Event Tracking - Google Tag Manager

Sau khi tạo Click Event Trigger và cho trigger ở tất cả các click, mở Preview & Debug để xem trigger hoạt đọng như thế nào (bấm vào mũi tên chỉa xuống kế bên nút Publish).

Review & Debug Google Tag Manager

Bây giờ đã chuyển sang chế độ Preview & Debug:

Review & Debug - Google Tag Manager

Sau đó bạn mở website của bạn trong một tab khác của trình duyệt và khung Preview & Debug sẽ hiện ra bên dưới:

Giờ bây giờ test chơi coi Trigger Event hồi nãy tạo có hoạt động hay không? Bạn click vào bất kỳ chổ nào trên website và trong khung Preview & Debug sẽ thì Event Trigger hồi nãy tạo sẽ load lên Google Tag Manger tag:

Screenshot 2015 10 25 11.25.50

Bây giờ thì sẽ tìm CSS Element của Search Button, mục đích để sửa lại điều kiện trigger của Event Trigger lúc nãy tạo. Trigger chỉ được kích hoạt khi click đúng vào Search Button. Các bạn giữ Phím Ctrl trên PC (hoặc Command trên Mac) và click vào Search Button (để load trang một tab mới và page cũ vẫn được giữ nguyên) nếu không load ra trang mới thì khỏi bấm Ctrl:

Screenshot 2015 10 25 11.38.13

Bấm vào tab Variable để xem Search Button này có những variable đặc biệt nào. So sánh lên, so sánh xuống với những click event khác thì anh chàng Search Button có 1 variable chỉ riêng ảnh mới có là Click Classes = “fa fa-search”. Vậy ta lấy variable này làm điều kiện trigger cho Event Trigger hồi nãy tạo.

Event Trigger - Variables

Vào lại Google Tag Manager > Triggers > chọn Event Trigger hồi nãy tạo, đổi tên lại thành Search Button Click Event (muốn đặt cái gì thì đặt miễn bạn hiểu là được) & sửa lại Fire On = Some Clicks:

fire-on-some-clicks

Chọn điều kiện là Click Classes chứa variable là “fa fa-search”, xong bấm lưa lại.

Giờ là phần quan trọng nhất, gắn Trigger này vào Google Analytics Tracking Event:

  1. Bấm vào tab Tag tạo một tag mới đặt tên là Search Button Click Event chọn Tag là Google Analytics.
  2. Chọn Tag Type là Universal Analytics
  3. Nhập Tracking ID của Google Analytics (để tìm tracking ID xem lại bài này)
  4. Track Type là Event.

Config Event Tracking Google Tag Manager

Cấu hình các thành phần Event Tracking như hình bên dưới:

Event Tracking Elements - Google Tag Manager

Cấu hình Trigger: chọn trigger lúc nãy đã tạo riêng cho Search Button. Có nghĩa là khi bấm vào Search Button có thành phần CSS Classes là “fa fa-search” thì Trigger Search Button Click Event sẽ hoạt động và load Google Analytics bên trên lên.

Chọn More

Event Tracking - Fire On Click Event

Sau đó chọn:

Save lại.

  1. Kiểm tra tracking Event có hoạt động hay không?

Trước tiên bấm Refresh cái Debug & Preview và load lại trang website.

Refresh Preview & Debug - Google Tag Manager

Trước tiên bấm đại vào bất kỳ chổ nào trên website và xem có tag nào được Trigger hay không?

Screenshot 2015 10 25 12.26.13

Giờ bấm vào Search Button xem Tag trên có kích hoạt hay không?

Ngon lành! Tag đã được kích hoạt

Screenshot 2015 10 25 12.31.11

Bấm vào tên tag sẽ hiện ra detail điều kiện kích hoạt của tag này là có chứa Click Classes = “fa fa-search”.

Screenshot 2015 10 25 12.29.21

Thoát khỏi Preview & Debug Mode trong GTM và Publish tag mới vừa tạo

Exit Preview & Debug Mode

Vào Google Analytics > Real Time > Events:

Events - Google Analytics

Hết bài. Chúc các bạn may mắn! Nếu có thắc mắc hãy để lại comment bên dưới sẽ được giúp đỡ.

Vì hoà bình thế giới! Peace!