Trước khi cài đặt thẻ mới, hãy đánh giá những thẻ hiện có trên trang web hoặc ứng dụng di động của bạn (nếu có) để bạn không thêm bất kỳ thẻ dư thừa nào. Tài liệu này mô tả các cách đánh giá thẻ hiện có.
Ngay cả sau khi đánh giá sơ bộ, bạn vẫn nên đưa các hoạt động kiểm tra thường xuyên vào quy trình quản lý thẻ tiêu chuẩn. Việc thường xuyên đánh giá các thẻ chạy trên trang web hoặc ứng dụng của bạn là rất quan trọng đối với việc bảo vệ dữ liệu và bảo mật.
Để đánh giá các thẻ hiện có, hãy sử dụng các tài nguyên sau:
- Google Tag Assistant
- Các tính năng trong Trình quản lý thẻ của Google
- Các kỹ thuật kiểm tra mã theo cách thủ công
Tag Assistant
Google Tag Assistant là một công cụ phân tích thẻ cho các lượt cài đặt thẻ Google. Khi được bật, Tag Assistant sẽ hiển thị một ngăn gỡ lỗi trong trình duyệt để bạn có thể kiểm tra những lệnh gtag.js đã được kích hoạt và thứ tự kích hoạt. Tag Assistant cho biết dữ liệu nào đang được truyền vào lớp dữ liệu và những sự kiện nào đã kích hoạt các lượt trao đổi dữ liệu đó. Ngoài ra, công cụ này còn hiển thị các lượt truy cập (yêu cầu HTTP) và các thông số liên quan. Tìm hiểu thêm về Tag Assistant.
Trình quản lý thẻ
Bạn có thể kiểm tra tài khoản và vùng chứa Trình quản lý thẻ để phân tích các cấu hình thẻ hiện có. Trình quản lý thẻ cũng có một chế độ xem trước có chức năng tương tự như Tag Assistant.
Tìm kiếm
Sử dụng thanh tìm kiếm trong vùng chứa Trình quản lý thẻ để xác định vị trí thẻ, chế độ cài đặt hoặc dòng mã trong thẻ, điều kiện kích hoạt và biến. Thanh tìm kiếm là một cách hữu hiệu để xác định chính xác những thẻ có thể chứa chế độ cài đặt hoặc mã mà bạn cần đánh giá lại.
Phiên bản
Tính năng Phiên bản trong Trình quản lý thẻ cho thấy thông tin tóm tắt về cấu hình vùng chứa hiện có.
- Trong Trình quản lý thẻ, hãy nhấp vào Phiên bản.
- Nhấp vào phiên bản gần đây nhất trong danh sách để xem trạng thái hiện tại của vùng chứa.
Trình quản lý thẻ liệt kê các thẻ, điều kiện kích hoạt, biến và mẫu tuỳ chỉnh trong chế độ xem này.
Chế độ xem trước
Chế độ xem trước trong Trình quản lý thẻ cho biết những thẻ đang kích hoạt trên một trang, những sự kiện kích hoạt các thẻ đó và dữ liệu nào đang được đẩy vào lớp dữ liệu. Chế độ xem trước hoạt động tương tự như Tag Assistant. Tìm hiểu thêm về chế độ xem trước.
Kiểm tra mã theo cách thủ công
Để phân tích kỹ lưỡng hơn về các cấu hình thẻ hiện có, hãy cân nhắc việc kiểm tra mã theo cách thủ công. Tìm kiếm một số từ khoá thẻ phổ biến này trong mã nguồn để giúp xác định mọi cấu hình thẻ tiềm ẩn:
gtag(– Đây là phần mở đầu cho các lệnhgtag()và các đoạn mã này thường chứa thêm thông tin đo lường.googletagmanager.com– Miền này tải cả chức năng của Trình quản lý thẻ và gtag.js, đồng thời có thể giúp bạn xác định vị trí của các loại thẻ đó.
Nếu đã có gtag.js hoặc Trình quản lý thẻ của Google, bạn có thể cập nhật các thẻ hoặc chỉ số hiện có thay vì triển khai cấu hình mới.
dataLayer– Có thể dùng để tìm hiểu xem mã lớp dữ liệu đã được thiết lập hay chưa vàdataLayer.push()gọi bằng tính năng đo lường cho các sự kiện cụ thể.analytics.jshoặcga.js– Tên tệp của các thư viện dùng cho các chế độ triển khai Google Analytics cũ.conversion.jshoặcconversion_async.js– Tên tệp của các thư viện được dùng để đo lường lượt chuyển đổi trên Google Ads.optimize.js– Được dùng cho thẻ Google Optimize.- Hệ thống quản lý thẻ của bên thứ ba có thể chứa thẻ Google. Tìm trong mã nguồn của bạn các hệ thống quản lý thẻ của bên thứ ba tiềm ẩn, chẳng hạn như
utag.jshoặc_satellite.
gtag.js
Nếu đã thêm đoạn mã thẻ Google vào trang web bằng gtag.js, bạn có thể xem lại thẻ để tìm hiểu thêm thông tin về mục đích sử dụng thẻ. Thẻ cốt lõi sẽ có dạng như ví dụ sau:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA-XXXXXX-1');
</script>
Bạn có thể thấy nhiều dòng gtag('config',...) cho các sản phẩm và tài khoản khác. Ví dụ:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA-XXXXXX-1');
gtag('config', 'GA-YYYYYY-2');
gtag('config', 'TAG_ID');
</script>
Mỗi dòng config chứa tiền tố sản phẩm (cho biết sản phẩm nào đang được định cấu hình), theo sau là mã nhận dạng cho tài khoản đang được định cấu hình. Xem thêm thông tin về tiền tố sản phẩm.
Tiền tố sản phẩm cho thẻ Google
Mã thẻ xác định một thẻ Google. Một thẻ Google có thể có nhiều mã thẻ. Ví dụ: nếu bạn sử dụng Google Ads, thẻ của bạn hiện có 2 mã nhận dạng: Một mã nhận dạng cũ (AW) và một mã thẻ Google (GT).
Bạn có thể thay thế các mã thẻ cho nhau. Bảng sau đây trình bày thông tin tổng quan về những thẻ tương thích với thẻ Google.
| Tiền tố | Loại mã nhận dạng | Mô tả |
|---|---|---|
| GT-XXXXXX | Thẻ Google | Mỗi thẻ Google mới tạo đều có tiền tố GT và mã nhận dạng duy nhất. |
| G-XXXXXX | Thẻ Google (tiền tố cũ) | Thẻ Google Analytics 4 là thẻ Google có tiền tố G và mã nhận dạng duy nhất. |
| AW-XXXXXX | Thẻ Google (tiền tố cũ) | Thẻ Google Ads là thẻ Google có tiền tố AW và mã nhận dạng duy nhất. |
| DC-XXXXXX | Thẻ Google (tiền tố cũ) | Thẻ Google Floodlight là thẻ Google có tiền tố DC và mã nhận dạng duy nhất. |
Các trang web được định cấu hình bằng thẻ Google có thể có một mã nhận dạng với tiền tố "G" hoặc "AW". Tiền tố "G" có nghĩa là thẻ Google của bạn được tạo ban đầu trong Google Analytics. Tiền tố "AW" có nghĩa là thẻ Google của bạn ban đầu được tạo trong Google AdWords. Hai mã này là các phiên bản khác nhau của mã thẻ và có thể thay thế cho nhau. Vì vậy, nếu thấy một mã có một trong các tiền tố này, bạn không cần thêm mã có tiền tố còn lại. Tìm hiểu thêm về cách thiết lập mã nhận dạng thẻ
Trình quản lý thẻ của Google
Các trang web được định cấu hình bằng Trình quản lý thẻ sẽ có một thẻ trong trình chứa được cài đặt trông tương tự như ví dụ sau. Bạn có thể xác định mã vùng chứa Trình quản lý thẻ bằng cách kiểm tra mã vùng chứa. Mã vùng chứa bắt đầu bằng "GTM-". Hãy xem ví dụ sau về vị trí của mã vùng chứa.
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->
Sau khi bạn có mã vùng chứa, hãy mở màn hình tài khoản Trình quản lý thẻ của Google rồi nhấp vào để tìm mã này. Sau đó, bạn có thể kiểm tra [cấu hình thẻ, trình kích hoạt và biến]cấu hình thẻ cho trang web của mình.