Phân tích các cấu hình thẻ hiện có

Trước khi cài đặt thẻ mới, hãy đánh giá các thẻ đã có trên trang web hoặc ứng dụng di động của bạn (nếu có) để không thêm bất kỳ thẻ 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 kết hợp các bước 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 để bảo vệ và bảo mật dữ liệu.

Để đá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
• Kỹ thuật kiểm tra mã 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 xem lệnh gtag.js nào đã được kích hoạt và theo thứ tự nào. 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 đó. Công cụ này cũng hiển thị các lượt truy cập (yêu cầu HTTP) và các tham 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 các tài khoản người quản lý và vùng chứa Trình quản lý thẻ để phân tích cấu hình thẻ hiện có. Trình quản lý thẻ cũng có 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ẻ để tìm 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 hiệu quả để 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ề một cấu hình vùng chứa hiện có.

1. Trong Trình quản lý thẻ, hãy nhấp vào Phiên bản.
2. 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ẻ nào đang kích hoạt trên một trang, những sự kiện nào 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 theo cách 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ỹ hơn về cấu hình thẻ hiện có, hãy cân nhắc thực hiện quy trình kiểm tra mã theo cách thủ công. Tìm kiếm mã nguồn của bạn để tìm một số từ khoá thẻ phổ biến sau đây nhằm giúp xác định mọi cấu hình thẻ tiềm năng:

• gtag( – Đây là phần mở đầu cho gtag() lệnh và các đoạn mã này thường chứa các công cụ đo lường bổ sung.
• 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 tìm thấy 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 công cụ 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 công cụ đo lường cho các sự kiện cụ thể.
• analytics.js hoặc ga.js – Tên tệp của các thư viện dùng cho các hoạt động triển khai Google Analytics cũ.
• conversion.js hoặc conversion_async.js – Tên tệp của các thư viện dùng để đo lường lượt chuyển đổi từ quảng cáo 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ẻ tiềm năng của bên thứ ba, chẳng hạn như utag.js hoặc _satellite.

Thẻ Google

Nếu đã thêm đoạn mã thẻ Google vào trang web, bạn có thể xem lại thẻ để biết thêm thông tin về mục đích sử dụng thẻ. Đoạn mã thẻ Google hiện tại có dạng như ví dụ sau:

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

Đoạn mã của các phiên bản trước sẽ có dạng như ví dụ sau:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <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>

Trong các cách triển khai sử dụng phiên bản trước, 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) - Prior version snippet -->
  <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>

Lưu ý: Lệnh gtag('config') không còn được dùng nữa. Trong các chế độ cài đặt thẻ Google đã cập nhật, các đích đến và thông số bổ sung được định cấu hình trong giao diện người dùng của Trình quản lý thẻ của Google, thay vì thêm nhiều dòng gtag('config') trên trang. Các lệnh gọi gtag('config') hiện có sẽ tiếp tục hoạt động để đảm bảo khả năng tương thích ngược. Tìm hiểu thêm.

Mỗi dòng config trong các phiên bản trước 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 của 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.

Lưu ý: Sản phẩm và tài khoản có mã nhận dạng xuất hiện trong URL nguồn của tập lệnh (tức là mã nhận dạng ở đầu đoạn mã sau www.googletagmanager.com/gtm.js?id hoặc /gtag/js?id) là sản phẩm và tài khoản "kiểm soát" thẻ Google. Trong một số trường hợp, bạn cần biết điều này vì một số tính năng như thẻ trang web đã kết nối cho tài sản Google Analytics chỉ có thể được kích hoạt từ trong một thẻ do sản phẩm và tài khoản đó kiểm soát.

Tiền tố sản phẩm cho thẻ Google

Mã thẻ hoặc mã vùng chứa xác định vùng chứa Trình quản lý thẻ của Google hoặc cấu hình đích đến của Google được tải bằng đoạn mã thẻ Google. Theo mặc định, các lượt cài đặt mới sẽ sử dụng mã vùng chứa của Trình quản lý thẻ của Google (GTM-), trong khi mã dành riêng cho đích đến sẽ xác định từng sản phẩm của Google. Bảng sau đây cung cấp thông tin tổng quan về các tiền tố mã nhận dạng được hỗ trợ:

Tiền tố	Loại mã nhận dạng	Mô tả
GTM-XXXXXX	Mã vùng chứa Trình quản lý thẻ của Google (mặc định)	Mã nhận dạng mặc định cho vùng chứa Trình quản lý thẻ của Google. Hỗ trợ tất cả thẻ Google, thẻ của bên thứ ba và thẻ tuỳ chỉnh.
G-XXXXXX	Mã nhận dạng theo đích đến	Xác định một đích đến của Google Analytics (Mã đo lường).
AW-XXXXXX	Mã nhận dạng theo đích đến	Xác định đích đến của quảng cáo Google Ads (Mã chuyển đổi).
DC-XXXXXX	Mã nhận dạng theo đích đến	Xác định đích đến của Floodlight (Mã nhận dạng nhà quảng cáo).
MC-XXXXXX	Mã nhận dạng theo đích đến	Xác định một đích đến của Google Merchant Center.
GT-XXXXXX	Mã thẻ Google	Xác định thẻ Google được tạo trong các phiên bản trước.

Các trang web được định cấu hình bằng thẻ Google có thể sử dụng mã nhận dạng vùng chứa GTM- hoặc mã nhận dạng dành riêng cho đích đến, chẳng hạn như G- (Google Analytics), AW- (Google Ads), DC- (Floodlight) hoặc MC- (Merchant Center). Nếu trang của bạn đã tải một thẻ Google có một trong các mã này, thì bạn có thể kết nối các đích đến khác trong Trình quản lý thẻ của Google thay vì thêm một đoạn mã thẻ khác vào trang. Tìm hiểu thêm về cách thiết lập mã thẻ

Lưu ý: Tiền tố của mã vùng chứa mà bạn có trên trang web (chẳng hạn như GTM- so với G- hoặc AW-) xác định quyền và khả năng thực thi tập lệnh của vùng chứa đó. Để biết thông tin chi tiết, hãy xem bài viết Các loại vùng chứa và tiền tố mã nhận dạng.

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ẻ vùng chứa được cài đặt, trông giống như ví dụ sau. Bạn có thể xác định mã vùng chứa củ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 -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

Đoạn mã của các phiên bản trước sẽ có dạng như ví dụ sau:

<!-- 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 người quản lý Trình quản lý thẻ của Google rồi nhấp vào biểu tượng để tìm mã nhận dạng này. Sau đó, bạn có thể kiểm tra [cấu hình thẻ, điều kiện kích hoạt và biến]cấu hình thẻ cho trang web của mình.