Cách Thu Thập 100% Sự Kiện Google Analytics Trên Trang Web Của Bạn

Bạn có biết Google Analytics được sử dụng bởi hơn 50% web không? Tức là hàng chục triệu trang web!

Vì vậy, rất có thể trang web của bạn cũng dùng Google Analytics, và bạn muốn khai thác dữ liệu cùng khả năng báo cáo của nó để đưa ra quyết định sáng suốt cho trang web, lộ trình nội dung, sản phẩm và tương lai doanh nghiệp.

Nếu đúng vậy, mời bạn tiếp tục đọc hướng dẫn thực hành này để hiểu rõ hơn về lý do và cách thu thập 100% tương tác web trên trang của bạn.

Nhưng tôi tưởng mình đã thu thập 100% tương tác web rồi?

Đáng tiếc, điều đó không đúng với hầu hết các trang web do nhiều hạn chế. Đây là những hạn chế công nghệ cốt lõi đã dần trở nên ảnh hưởng hơn trong 10 năm qua. 

Tôi đang nói về ba nguyên nhân chính:

#1 Nhận thức về quyền riêng tư và quy định mới

Ngày càng nhiều quốc gia ban hành luật nhằm bảo vệ quyền riêng tư người tiêu dùng, yêu cầu người dùng phải đồng ý trước khi thu thập dữ liệu — đây là một cải thiện lớn cho quyền riêng tư của người dùng.

Hệ quả ít rõ ràng hơn là chưa đến một nửa khách truy cập đưa ra sự đồng ý đầy đủ. Theo các nghiên cứu gần đây, tỷ lệ đồng ý cookie trung bình là 31%. Nói cách khác, hơn 2/3 khách truy cập không chấp nhận cookie bên thứ ba; do đó, lượt xem trang và sự kiện của họ thực tế không đến được Google Analytics.

#2 Trình chặn quảng cáo

Dù được thiết kế để chặn quảng cáo, các trình chặn quảng cáo cũng ngăn việc thu thập dữ liệu trang web bằng cách tự động chặn kết nối HTTP tới các API phân tích phổ biến như Google Analytics.

Tỷ lệ sử dụng toàn cầu đã tăng từ 3% lên hơn 11% trong thập kỷ qua. Ở châu Âu và Bắc Mỹ, khoảng 50% khách truy cập dùng trình chặn quảng cáo.

Nói cách khác, trình chặn quảng cáo có thể chặn hơn 50% tương tác trên trang web của bạn, đặc biệt nếu đối tượng mục tiêu của bạn là người dùng kỹ thuật và có trình độ cao.

#3 Hiệu năng web & việc sử dụng di động

Kết nối internet chậm hoặc không ổn định, thường là trên thiết bị di động, có thể làm gián đoạn luồng dữ liệu từ thiết bị đến máy chủ theo dõi, dẫn đến thất thoát thêm 10% dữ liệu. Tính đến năm 2024, gần 60% lưu lượng web toàn cầu được tạo ra từ thiết bị di động, so với chưa đến 30% cách đây 10 năm.

Thêm vào đó, các framework web hiện đại không còn hỗ trợ đầy đủ trình duyệt cũ vì lý do hiệu quả — điều này có lợi cho đa số người dùng. Mặt khác, việc các trang web phổ biến chỉ đạt ~90% điểm tương thích là khá thường gặp, gây thất thoát dữ liệu bổ sung. Tại Edgee, chúng tôi từng chứng kiến những trường hợp cực đoan khi khoảng cách tương thích 10% gây thất thoát hơn 40% dữ liệu.

Vậy tôi có thể làm gì?

Là chủ sở hữu hay nhà phát triển trang web, bạn có thể thấy nản khi nhận ra mình ít kiểm soát đối với ba nguyên nhân chính gây thất thoát dữ liệu vừa nêu. Bạn cần tuân thủ quy định dữ liệu và tôn trọng quyền riêng tư người dùng. Bạn không thể ép khách nâng cấp trình duyệt hay tránh duyệt web trên di động mà vẫn phải đảm bảo trải nghiệm tốt.

Tin tốt là vẫn có cách để tuân thủ, tôn trọng quyền riêng tư và tránh các hạn chế phía client bằng cách sử dụng điện toán biên (edge computing).

Edge computing ra tay giải cứu

Edge computing là tập hợp công nghệ và kiến trúc cho phép đưa tính toán và lưu trữ dữ liệu lại gần người dùng hơn nhằm giảm độ trễ, so với các trung tâm dữ liệu tập trung. Tương tự, việc dùng edge computing cho phép bạn dịch chuyển xử lý khỏi trình duyệt, vào khoảng giữa client và server, hiệu quả vượt qua các hạn chế từ trình chặn quảng cáo, cookie, kết nối di động và khả năng tương thích JavaScript.

May mắn là công cụ như Edgee giúp các tổ chức chuyển các SDK phía client như Google Analytics thành các thành phần WebAssembly chạy ở biên. Điều này có nghĩa bạn có thể gỡ SDK Google Analytics khỏi trang web, và Edgee sẽ thay bạn gửi page view và sự kiện tùy chỉnh tới GA, thậm chí trước khi trang được phục vụ tới trình duyệt.

Về mặt kỹ thuật, điều này bao gồm một tập hợp kỹ thuật để đảm bảo bot được tự động loại trừ và trình chặn quảng cáo không chặn được các sự kiện do client tạo ra.

Hãy xem Edgee hoạt động thực tế

Nghe rất ổn! Nhưng thực tế nó hoạt động ra sao? Quan trọng hơn, làm thế nào bạn có thể tích hợp Edgee vào trang web một cách hiệu quả mà không tốn vô số giờ hoặc phải sửa báo cáo Google Analytics? Để tôi cho bạn xem!

Các bước dưới đây không yêu cầu bạn cung cấp thẻ tín dụng hay phát sinh chi phí bất ngờ, vì Edgee có gói miễn phí.

Bạn có thể bắt đầu với Edgee trong 5 bước:

1. Tạo tài khoản Edgee miễn phí mới
2. Tạo dự án Edgee mới và cấu hình URL backend của bạn, ví dụ https://youwebsite.com
3. Thêm thành phần Google Analytics vào dự án, chọn từ danh sách các thành phần sẵn sàng sử dụng
4. Tích hợp Edgee SDK vào mã HTML và cập nhật ánh xạ sự kiện
5. Tích hợp Edgee với kiến trúc của bạn (tương tự CDN)

Khoan đã, tại sao tôi cần SDK phía client mới?

Câu hỏi hay! Edgee SDK đóng vai trò cầu nối và thay thế các JavaScript SDK của tất cả thành phần bạn đã bật cho dự án. Nói cách khác, Edgee SDK cho phép năng lực xử lý tại biên của chúng tôi phát huy. Khi Edgee chặn được script này, nó sẽ kích hoạt sự kiện phân tích và các dịch vụ khác một cách minh bạch và trực tiếp tại biên. 

Kết quả? Phân tích theo thời gian thực mà không ảnh hưởng đến hiệu năng ứng dụng. Logic tính toán tại biên chạy trong dưới 4 mili giây cho 99% trường hợp (bách phân vị thứ 99). Ngoài ra, SDK cho phép bạn theo dõi sự kiện phía client như nhấp nút hoặc hành động tùy chỉnh mà không cần tải lại trang, giao tiếp trực tiếp với Edgee nên không thể bị chặn.

Đây là đoạn bạn cần thêm vào trang web:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>Được hỗ trợ bởi

Và nếu front end của bạn là ứng dụng React, bạn có thể dùng gói react-edgee như sau:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />Được hỗ trợ bởi

Tiếp theo, bạn cần cập nhật mã JavaScript để dùng Edgee SDK thay cho Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});Được hỗ trợ bởi

Tương tự, nếu bạn thiết lập các thuộc tính theo người dùng:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});Được hỗ trợ bởi

Đối với các tích hợp phức tạp hơn, hãy xem cách cấu hình Data Layer của Edgee trên máy chủ và cách tự động ánh xạ chấp thuận cookie qua SDK hoặc các tích hợp sẵn cho công cụ như Axceptio, Didomi và OneTrust.

Chiến lược di trú

Xây dựng một trang web hoàn toàn mới thật thú vị và cho phép thử nghiệm không ràng buộc. Tuy nhiên, trong hầu hết trường hợp, bạn đã có một trang web ổn định với báo cáo GA lịch sử, các tối ưu hóa và dữ liệu giá trị. Và bạn không thể chấp nhận khoảng trống hay trùng lặp trong phân tích.

Đó là lý do tôi khuyến nghị một trong các chiến lược di trú sau. Dù có tăng thêm phần phức tạp, chúng cho phép thử nghiệm gia tăng, đảm bảo độ tin cậy và mang đến những insight giá trị trong suốt quá trình.

#1 Tích hợp và so sánh

Chiến lược này đặc biệt hữu ích nếu bạn chưa chắc mức thất thoát dữ liệu là bao nhiêu. Là 5%, 20% hay 50% tổng số? Tùy câu trả lời, bạn có thể quyết định ưu tiên sử dụng công cụ như Edgee càng sớm càng tốt.

Một cách tuyệt vời để đo lường là tích hợp Edgee song song với thiết lập Google Analytics hiện có, sử dụng một thuộc tính GA mới trong cùng tài khoản. Điều này cho phép bạn chạy thử nghiệm trong vài tuần (một tháng thường là đủ) và so sánh hai thuộc tính để định lượng khoảng cách dữ liệu.

Triển khai rất đơn giản, vì bạn không cần sửa mã GA hiện tại. Chỉ cần tích hợp Edgee SDK và thêm các đoạn theo dõi cho trang và sự kiện tùy chỉnh.

Khi hoàn tất thử nghiệm và sẵn sàng chuyển hẳn sang phân tích tại biên, bạn có thể chuyển sang chiến lược tiếp theo và loại bỏ triển khai cũ.

#2 Tích hợp và thay thế

Chiến lược này tập trung vào việc thay thế hoàn toàn triển khai JavaScript cũ trong bốn bước.

Đầu tiên, bạn tích hợp Edgee SDK và tạo một thành phần Google Analytics mới trong dự án, nhưng để nó ở trạng thái tắt.

Tiếp theo, bạn tắt tính năng tự động theo dõi pageview như sau:

gtag('config', '<tag_id>, {
  send_page_view: false,
});Được hỗ trợ bởi

Thứ ba, bạn chuẩn bị triển khai thay đổi mã này và ngay lập tức kích hoạt thành phần (đang tắt) bạn đã cấu hình ở bước đầu. Điều này đảm bảo không có dữ liệu bị trùng lặp hay thất thoát.

Cuối cùng, bạn chuyển toàn bộ theo dõi phía client sang Edgee SDK. Dù có thể làm dần dần, tôi khuyến nghị chuyển tất cả sự kiện cùng lúc. Cách này đảm bảo quá trình di trú gọn gàng và cho phép bạn gỡ các SDK dư thừa, cải thiện hiệu năng trang web.

Trong tài liệu Edgee, bạn sẽ tìm thấy một hướng dẫn di trú chi tiết hơn bao quát cả thay đổi kiến trúc lẫn mã nguồn.

Tóm tắt và Điểm chính

Trong bài viết này, chúng ta đã khám phá các thách thức phía client khiến bạn không thể ghi nhận 100% tương tác trên trang web.

Sau đó, chúng tôi giới thiệu Edgee, một nền tảng dựa trên edge computing giúp vượt qua các thách thức này, mang lại dữ liệu chính xác mà không đánh đổi quyền riêng tư hay hiệu năng.

Cuối cùng nhưng không kém phần quan trọng, nếu bạn là nhà phát triển và muốn tìm hiểu sâu hơn cách Edgee vận hành bên dưới hoặc cách tích hợp thành phần tùy chỉnh của riêng bạn, đừng ngần ngại liên hệ tại cộng đồng hữu ích này để hỗ trợ gỡ lỗi.

Lĩnh vực này đang phát triển rất nhanh, và nhiều bản cập nhật thú vị cùng thành phần mới sẽ đến trong năm 2025. Trong lúc đó, chúng tôi mong được tìm hiểu thêm về các trường hợp sử dụng và phản hồi từ bạn!

Với những ai muốn đào sâu hiểu biết về ra quyết định dựa trên dữ liệu, hãy xem Marketing Analytics for Business — một khóa học được thiết kế để giúp bạn dùng phân tích dữ liệu xây dựng chiến lược kinh doanh hiệu quả hơn.