Theo dõi sự kiện trong Google Universal Analytics có và không có Tag Manager

Đã đến lúc tìm hiểu chi tiết về Universal Analytics. Kể từ khi được phát hành chính thức vào ngày 2 tháng 4 — cùng hàng loạt tính năng vốn có trong Google Analytics phiên bản classic — phần lớn người dùng GA đã cố gắng chuyển sang Universal Analytics để tận dụng mọi cải tiến của nền tảng này.

Cũng như mọi cải tiến khác, bạn cần có thời gian, sự chú ý và thử nghiệm để làm quen. Dù các blog liên quan đang tràn ngập những bài viết chuyên sâu về cách triển khai UA vào dự án, điều tôi cần nhất, nếu xét riêng bản thân mình, là một thuật toán triển khai ngắn gọn, được minh họa trực quan. Đây có thể là điểm khởi đầu cho những nghiên cứu sâu hơn về môi trường mới này.

Vậy hãy bắt đầu hướng dẫn bằng một trong những thuật toán đó cùng một số giải thích. Một yếu tố quan trọng thường khiến mọi người lo lắng khi chuyển sang Universal Analytics với analytics.js là event tracking. Vậy có gì thay đổi?

Trong Universal Analytics, bạn có thể thiết lập event tracking theo hai cách:

• Thông qua Tag Manager
• Không dùng Tag Manager

Google Tag Manager rất hữu ích với những ai không muốn động đến code. Với nhiều mục trên trang web, chúng ta thậm chí không cần code để thu thập dữ liệu cần thiết nhờ tính năng theo dõi sự kiện tự động trong GTM.

Vậy hãy bắt đầu với những kiến thức cơ bản, sau đó tìm hiểu cách sử dụng GTM.

Theo dõi sự kiện trong Universal Analytics

Như bạn đã biết, event tracking giúp bạn hiểu cách người dùng tương tác với nội dung thông qua lượt nhấp, lượt tải xuống và thao tác phát âm thanh, video.

Kiến thức cơ bản

Event là một tương tác giữa người dùng và nội dung. Nếu trang web có nút hoặc liên kết tải tài liệu mà bạn muốn theo dõi, bạn cần thiết lập event tracking. Có danh sách các sự kiện HTML với tên cụ thể; bạn có thể chọn sự kiện cần dùng theo loại (nhấp chuột, nhấn phím, gửi biểu mẫu, v.v.). Bạn có thể xem danh sách đầy đủ tại đây:

Mỗi event gồm bốn thành phần dùng để phân loại những nội dung bạn theo dõi:

Một category là nhóm phân loại chính của các event mà bạn có thể theo dõi. Bạn có thể tự đặt tên hoặc chọn một biểu thức chính quy. Ví dụ: nếu theo dõi một số lượt tải PDF và lượt nhấp vào nút, bạn nên thiết lập hai category để xem riêng trong báo cáo: “pdf” và “button.”

Một action là phần mô tả những gì người dùng thực hiện trong một category đã chọn. Tùy thuộc vào số lượng nội dung bạn theo dõi trên trang web, bạn có thể tự đặt tên hoặc chọn một biểu thức chính quy. Ví dụ: phát video, tải xuống, nhấp vào liên kết, nhấp vào liên kết bên ngoài, phóng to hình ảnh.

Một nhãn là thành phần tùy chọn bạn có thể dùng nếu cần phân loại sự kiện chính xác hơn.

Một giá trị là biến số mà bạn có thể thiết lập nếu muốn theo dõi một số lượng hành động nhất định.

Thiết lập theo dõi sự kiện trong Universal Analytics

Để gửi sự kiện đến Google Analytics, trước tiên bạn phải gửi một send command đến ga function bằng loại hit sự kiện. Điều này có nghĩa là bạn phải thêm một đoạn mã vào phần tử cần theo dõi, như sau:

1. Thêm đoạn mã cần thiết vào mọi phần tử trên trang web mà bạn muốn theo dõi.

Nếu muốn theo dõi lượt tải PDF trên trang web, hãy đặt một đoạn mã analytics.js bên trong liên kết trên trang web. Đoạn mã sẽ có dạng như sau:

onclick=”ga (‘send’, ‘event’, ‘downloads’, ‘pdf downloads’, ‘manual download’)”

1. Truy cập mục Events trong Google Analytics và sử dụng các cài đặt sau:

Theo dõi sự kiện bằng Tag Manager

Đây chính là cơ hội tuyệt vời cho những ai không thích viết code. Nhiều vấn đề mà người dùng GA gặp phải có liên quan đến code và các tập lệnh GA. Như bạn thấy, để theo dõi chính xác, cần chèn khá nhiều đoạn mã JavaScript vào từng trang trên website muốn theo dõi. Google Tag Manager giúp bạn loại bỏ toàn bộ những đoạn mã này và thay thế bằng một container duy nhất chứa mọi thuộc tính cần thiết. Hơn nữa, bạn không cần tự viết code nữa vì Tag Manager có thể cung cấp đoạn mã cần thiết sau khi bạn thiết lập xong tính năng theo dõi sự kiện tự động.

Kiến thức cơ bản

Trước tiên, dưới đây là một số thuật ngữ bạn sẽ gặp trong phần tiếp theo:

Một account là một tài khoản thông thường, tương tự như tài khoản bạn vẫn dùng trong Google Analytics.

Một container là đoạn mã JavaScript chính và cũng là đoạn mã duy nhất chúng ta sẽ đặt trên mỗi trang của website. Nó chứa mọi tag được thiết kế cho mục đích theo dõi, đồng thời khởi chạy các tag khác theo những quy tắc bạn chỉ định.

Một tag là một đoạn mã JavaScript — chẳng hạn như mã GA, mã Google AdWords, các loại mã người dùng khác, v.v.

Một rule là điều kiện cần thiết để khởi chạy hoặc chặn một tag. Chẳng hạn, bạn có thể dùng “only links that do not contain yoursite.com” để khởi chạy tag khi có lượt nhấp vào liên kết bên ngoài.

Macros là dữ liệu gồm hai thành phần — tên và giá trị mà chúng ta chỉ định để sử dụng trong tag. Bằng cách dùng macro, bạn có thể thêm dữ liệu về tương tác của người dùng với một phần tử trên website vào tag Google Analytics hoặc bất kỳ tag nào khác hiện có.

Bây giờ, hãy xác định sơ đồ làm nền tảng cho toàn bộ nội dung này.

Về cơ bản, để "catch" hành động của người dùng, chúng ta cần kết hợp nhiều tag, mỗi tag có quy tắc riêng, sự kiện được thiết kế sẵn và macro để xem dữ liệu trong Google Analytics. Với các sự kiện như nhấp chuột, tải xuống, gửi biểu mẫu, v.v., bạn cần những thành phần sau:

• Tag Event Listener chứa sự kiện bạn muốn theo dõi và một quy tắc quy định thời điểm tag kích hoạt (fire)
• Tag Google Analytics dùng để chuyển thông tin đến Google Analytics khi tag Event Listener kích hoạt

Hãy lấy ví dụ trước đó và theo dõi lượt tải xuống tài liệu PDF của chúng ta.

1. Để sử dụng Tag Manager, bạn chỉ cần truy cập: http://www.google.com/tagmanager/ và đăng nhập/tạo tài khoản

1. Tạo tài khoản mới và đặt tên
2. Tạo container và đặt tên. Nếu muốn, hãy liệt kê các domain bạn muốn đưa vào container này
3. Tạo tag Event Listener và chọn Link Click Listener, vì bạn sẽ chỉ định URL cụ thể của tài liệu
4. Trong trường hợp này, chúng ta sẽ “lắng nghe” tất cả các trang trên website; tuy nhiên, đây là trường hợp cụ thể và nếu bạn có PDF trên một số trang nhất định, bạn có thể chỉ định các trang đó. Vì vậy, ở đây chúng ta tạo quy tắc để theo dõi tất cả các trang trên website:

Tiếp theo, chúng ta tạo tag Google Analytics để thu thập dữ liệu về lượt tải xuống. Tại đây, chúng ta chỉ định mọi thông tin chi tiết. Chỉnh sửa quy tắc để chỉ định tài liệu của bạn.

Lưu ý: Ở đây, chúng ta thấy một sự kiện có tên gtm.linkClick. Tùy vào mục đích, chúng ta có thể dùng các giá trị khác nhau, chẳng hạn như:

gtm.click

gtm.linkClick

gtm.formSubmit

Và các giá trị khác.

Chúng ta cũng thấy điều kiện cho URL đang theo dõi. Bạn có thể dùng biểu thức chính quy để chỉ định các URL chứa manual.pdf.

Theo dõi giao dịch Ecommerce qua Google Tag Manager

Theo dõi ecommerce bằng Universal Analytics khá phức tạp. Việc triển khai theo dõi ecommerce bằng cả Google Tag Manager lẫn mã UA đòi hỏi phải thêm nhiều mã hơn trên trang xác nhận mua hàng, trong khi mục đích của Google Tag Manager là loại bỏ mã thừa trên các trang. Vì vậy, nếu muốn dùng Google Tag Manager để theo dõi giao dịch ecommerce, bạn không cần đặt mã theo dõi ecommerce trên website.

Với ecommerce, quy trình khá đơn giản; tuy nhiên, các chi tiết sẽ tùy thuộc vào cấu trúc cửa hàng trực tuyến và vị trí đặt container GTM. Container có thể được đặt trên trang “Thank you” cuối cùng trong sales funnel, trên một nút hoặc ở những vị trí khác. Hãy lấy trang “Thank you” làm ví dụ. Để theo dõi mọi thứ chính xác trong GTM, điều quan trọng là phải dùng data layer.

Để tạo quy trình tổng quát:

1. Thêm thông tin giao dịch ecommerce cần thiết qua data layer phía trên Google Tag Manager Container để container có thể xử lý dữ liệu này và chuyển dữ liệu đến Google Analytics
2. Tạo tag Google Analytics trong GTM có giao dịch
3. Thiết lập quy tắc kích hoạt
4. Kiểm tra cài đặt ecommerce trong Google Analytics
5. Chúc bạn khám phá các báo cáo thật vui!

Trước tiên, để xem dữ liệu mua hàng trong Google Tag Manager, hãy sử dụng data layer và thứ tự truyền dữ liệu cụ thể theo hướng dẫn về GTM Data Layer: support.google.com/tagmanager/answer/3002596.

Một lời khuyên nhỏ: hãy dùng cả các tham số tùy chọn lẫn tham số bắt buộc. Điều này có thể rất hữu ích trong các báo cáo sau này khi bạn phân khúc và phân tích doanh số.

Tiếp theo, bạn cần khởi tạo các thành phần data layer trên trang, vì vậy hãy đặt đoạn mã sau trong phần head hoặc ở bất kỳ vị trí nào phía trên mã vùng chứa GTM:

<script type="text/javascript">

var dataLayer = [];

</script>

Mã vùng chứa GTM là một đối tượng trống mà bạn có thể điền thông tin cần truyền đến GTM để xác định trang, chẳng hạn như biến dữ liệu, danh mục phụ, loại sản phẩm, v.v. Đây là thao tác tùy chọn, nên bạn có thể để trống đối tượng.

Một đoạn data layer có sẵn để bạn đặt trên trang Thank You có thể trông như sau:

<script>

dataLayer = [{

'transactionId': '9800',

'transactionTotal': 450,

'transactionTax': 15,

'transactionShipping': 35,

'transactionProducts': [{

'sku': 'MB111',

'name': 'KS-65',

'category': 'MIDI-keyboard',

'price': 350,

'quantity': 1

},{

'sku': 'FP7589',

'name': 'SP-1',

'category': 'Sustain pedal',

'price': 50,

'quantity': 1

}]

}];

</script>

Một lần nữa, đoạn mã này phải được chèn trước Google Tag Manager Container.

Tiếp theo, vào Google Tag Manager, tạo thẻ Google Analytics (Universal Analytics hoặc Google Analytics cổ điển, tùy theo mã bạn đang sử dụng), rồi chọn loại theo dõi Transaction:

Tạo quy tắc dựa trên URL cho thẻ này để GTM kích hoạt trên trang thankyou.html :

Ví dụ này minh họa những trường hợp đơn giản nhất. Nếu muốn thẻ GTM này kích hoạt theo các sự kiện tùy chỉnh, bạn có thể đẩy dữ liệu vào data layer bằng cách kết hợp các phương thức đẩy data layer và sự kiện được mô tả trong developers.google.com/tag-manager/devguide#multipush.

Như bạn thấy, mọi thứ có vẻ khá dễ dàng. Nhưng thực tế không đơn giản như vậy khi xử lý macro phức tạp và theo dõi chi tiết. Google Tag Manager bao quát mọi khía cạnh của việc theo dõi website; chúng tôi liên tục khám phá lại các tính năng phong phú của công cụ này khi nhận ra GTM chính là tương lai của web analytics.

Nếu muốn kiếm tiền từ cửa hàng trực tuyến, bạn cần theo dõi càng nhiều thông tin càng tốt về người dùng, các trang, lượt nhấp và lượt xem. Bắt kịp các công cụ liên tục phát triển, chẳng hạn như Google Tag Manager mang tính cách mạng, có thể giúp bạn tiết kiệm thời gian, tiền bạc và nhiều giờ viết code thủ công, đồng thời cung cấp cái nhìn chuyên sâu về các hoạt động của người dùng trên trang web, cũng như tốc độ vận hành cao và sự linh hoạt.