Track HTML5 Video với Google Tag Manager và GA4 được tiến hành như thế nào? Video là một trong những định dạng nội dung phổ biến nhất trên internet. Theo thống kê của Cisco, người dùng internet sẽ xem trung bình 100 giờ video mỗi tháng. Điều này cho thấy rằng video có khả năng tiếp cận và thu hút người dùng rất cao.
Để hiểu rõ hơn về hành vi của người dùng đối với video, các doanh nghiệp cần theo dõi các tương tác của họ với video. Điều này có thể được thực hiện bằng cách sử dụng Google Tag Manager (GTM) và Google Analytics 4 (GA4). Bài viết sau đây sẽ hướng dẫn bạn cách track HTML5 Video với Google Tag Manager và GA4.
Nếu bạn cần giúp đỡ để theo dõi video với GTM và GA4, bạn có thể đặt lịch tư vấn cùng chuyên gia Digital Marketing trên app Askany.
Mục lục
Hướng dẫn track HTML5 Video với Google Tag Manager và GA4
Dưới đây là hướng dẫn tracking HTML5 Video với Google Tag Manager và GA4
Cách thức hoạt động
Với GTM và GA4, bạn có thể theo dõi các tương tác của người dùng với video theo hai cách:
- Sử dụng sự kiện tự động
Google cung cấp một số sự kiện tự động cho video, chẳng hạn như “play”, “pause”, “seek”, và “complete”. Bạn có thể sử dụng các sự kiện này để theo dõi các tương tác cơ bản của người dùng với video.
- Sử dụng sự kiện tùy chỉnh
Nếu bạn muốn theo dõi các tương tác cụ thể hơn, chẳng hạn như xem một phần cụ thể của video, bạn có thể sử dụng sự kiện tùy chỉnh.
Xem thêm: Cách tạo custom reports trong Google Analytics 4 chi tiết 2023
Cách thực hiện
Để theo dõi video với GTM và GA4, bạn cần thực hiện các bước sau:
- Tạo một biến để xác định xem video có đang được hiển thị hay không
Bạn có thể sử dụng biến “Custom JavaScript” để tạo biến này. Biến này sẽ kiểm tra xem thẻ video có được tải trong DOM hay không.
- Thêm thẻ HTML tùy chỉnh
Thêm thẻ HTML tùy chỉnh vào trang web của bạn. Thẻ này sẽ gửi dữ liệu tương tác của người dùng với video đến Data Layer.
- Tạo sự kiện tùy chỉnh
Tạo sự kiện tùy chỉnh trong GTM. Sự kiện này sẽ kích hoạt khi dữ liệu tương tác của người dùng được gửi đến Data Layer.
- Kết nối sự kiện tùy chỉnh với GA4
Kết nối sự kiện tùy chỉnh với GA4. Điều này sẽ cho phép bạn xem dữ liệu tương tác của người dùng với video trong GA4.
Ví dụ
Dưới đây là ví dụ về cách theo dõi video với GTM và GA4:
Bạn muốn theo dõi các tương tác của người dùng với video “Cách cài đặt Google Tag Manager” trên trang web của mình. Bạn có thể thực hiện các bước sau:
- Tạo biến “Is Video Present” để xác định xem video có đang được hiển thị hay không.
function () {
return document.querySelector(“.video-container”).querySelector(“video”).classList.contains(“is-playing”);
}
- Thêm thẻ HTML tùy chỉnh vào trang web của bạn.
<script>
(function () {
window.addEventListener(“gtm.js”, function () {
if (document.querySelector(“.video-container”).querySelector(“video”).classList.contains(“is-playing”)) {
gtm4.event({
event_name: “Video Started”,
event_category: “Video Engagement”,
});
}
});
})();
</script>
- Tạo sự kiện tùy chỉnh trong GTM.
Trigger: Custom Event
Event Name: Video Started
- Kết nối sự kiện tùy chỉnh với GA4.
Event Tag
Event Name: Video Started
Event Category: Video Engagement
Khi người dùng truy cập trang web của bạn và phát video “Cách cài đặt Google Tag Manager”, sự kiện “Video Started” sẽ được kích hoạt và dữ liệu tương tác của người dùng sẽ được gửi đến GA4. Bạn có thể xem dữ liệu này trong báo cáo “Video Engagement” của GA4.
ĐỌC THÊM: Google Analytics 4 là gì?
>>>Tham khảo: Khóa học tracking từ “Zero” thành “Hero” dành cho bạn.
Việc track HTML5 Video với Google Tag Manager và GA4 có thể giúp bạn hiểu rõ hơn về hành vi của người dùng đối với video. Điều này có thể giúp bạn cải thiện hiệu quả của các chiến lược marketing và nội dung của mình. Nếu bạn gặp khó khăn trong quá trình tracking, bạn có thể đặt lịch tư vấn cùng chuyên gia trên app Askany. Các chuyên gia của Askany sẽ giúp bạn thiết lập và triển khai quy trình theo dõi video hiệu quả nhất.
