Hướng Dẫn Cài Track Scroll Depth Với Google Tag Manager

Tại sao lại cần track scroll depth?

Track scroll depth / theo dõi cuộn trang giúp bạn biết được thông tin về hành vi cuộn trang của user trên website của bạn. User xem nội dung như thế nào, xu hướng user experience trên site của bạn.

track scroll depth

Cài Track Scroll Depth Với Google Tag Manager

Cách cài đặt track scroll depth trong google tag manager

Với biến scroll depth được tích hợp sẵn trong google tag manager, bạn hoàn toàn có thể cài đặt track scroll depth.

Các bước cài đặt track scroll depth ở trong bài chia sẻ này bao gồm:

+ bước 0. bật built-in scroll variable

+ bước 1. tạo trigger: user engagement | scroll depth – all page – trigger

+ bước 2. tạo tag: ga – event – vertical scroll depth – tag

+ bước 3. submit và kiểm tra bằng preview hoặc báo cáo google analytics

Bây, chúng ta cùng đi vào chi tiết từng bước.

Bước 0. Bật built-in scroll variable

Trong đó: built-in scroll variables: là biến cuộn được tích hợp sẵn trong google tag manager

Bật các biến scroll depth được tích hợp sẵn trong google tag manager. Để bật, bạn thực hiện theo hướng dẫn.

– thực hiện: google tag manager > variables > configure > bật các mục thuộc scrolling

hình 1 - Bật các biến cuộn được tích hợp sẵn trong google tag manager

hình 1 – Bật các biến cuộn được tích hợp sẵn trong google tag manager

Bước 1. Tạo trigger: user engagement | scroll depth – all page – trigger

Thực hiện: trigger > new > đặt tên trigger > trigger configuration ( cấu hình trigger) > save

+ đặt tên trigger: user engagement | scroll depth – all page – trigger

+ trigger configuration ( bước cấu hình trình kích hoạt)

+)  trigger type: scroll depth ( loại trigger: cuộn sâu)

+) pertical scroll depth: 80 ( mức cuộn dọc 80%, nếu track nhiều mức có thể đặt cách nhau dấu phẩy, ví dụ: 50, 75, 80)

+)  enable trigger on: window load(gtm.load) ( cho phép trigger khi window load xong)

+)  trigger fire on: all page ( trigger chạy trên tất cả các page)

+ save

hình 2 - Tạo trigger mới và cấu hình trigger scroll depth

hình 2 – Tạo trigger mới và cấu hình trigger scroll depth

Bước 2. Tạo tag: ga – event – vertical scroll depth – tag

Thực hiện lần lượt: Google tag manager > tag > new > đặt tên tag > tag configuration > save

+ đặt tên tag: ga – event – vertical scroll depth – tag

+ tag configuration ( cấu hình thẻ)

+) tag type: google analytics: universal analytics ( loại thẻ: GA3)

+) track type: event ( loại sự kiện: event)

+) category: vertical scroll depth ( đặt tên danh mục)

+) action: {{Scroll Depth Threshold}} % ( đặt hành động)

+) label: {{Page Path}} ( đặt nhãn)

+) non interaction hit:true ( không tương tác: đúng; chọn đúng để  không ảnh hưởng đến tỷ lệ thoát trang)

+) google analytics setting: chọn biến google analytics đã cài đặt trước đó hoặc ghi tick chọn ghi đè bằng tracking ID ( cài đặt google analytics: vì trước đó mình đã cài biến kết nối đến google analytics là google_analytics_cu_variable nên bây giờ chỉ cần chọn lại)

+) triggering: user engagement | scroll depth – all page – trigger ( chọn trigger mà chúng ta đã tạo ở bước 1)

hình 3 - Tạo tag và cấu hình tag vertical scroll depth

hình 3 – Tạo tag và cấu hình tag vertical scroll depth

Bước 3. Submit và kiểm tra bằng preview hoặc google analytics

Thực hiện: google tag manager > submit

hình 4 - Submit các tag, trigger vừa cài đặt

hình 4 – Submit các tag, trigger vừa cài đặt

Kiểm tra với preview trong google tag manager

hình 5 - Kiểm tra với preview trong google tag manager

hình 5 – Kiểm tra với preview trong google tag manager

Kiểm tra bằng cách xem báo cáo trong google analytics

hình 6 - Kiểm tra bằng cách xem báo cáo trong google analytics

hình 6 – Kiểm tra bằng cách xem báo cáo trong google analytics

Chúc bạn thực hiện cài track scroll depth thành công!

Biên tập Trần Hùng

From tranhungteam

Tran Xuan Hung

SEO Freelancer \ Yêu thích nghiên cứu SEO, marketing analytics, the data-driven way of digital marketing.

>