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

Trước khi bạn 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. Bài viết này mô tả cách đánh giá các thẻ hiện có.

Ngay cả sau khi đánh giá sơ bộ, bạn vẫn nên kết hợp quy trình kiểm tra định kỳ 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à một việc 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:

Tag Assistant

Google Tag Assistant là một công cụ phân tích thẻ để cài đặt thẻ Google (gtag.js). Khi được bật, tiện ích 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 đã kích hoạt cũng như thứ tự kích hoạt. Tiện ích Tag Assistant cho biết dữ liệu nào đang được chuyển vào lớp dữ liệu và những sự kiện đã kích hoạt các hoạt động trao đổi dữ liệu đó. Báo cáo này cũng 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ề tiện ích 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ó chế độ xem trước, có chức năng tương tự như Hỗ trợ thẻ.

Sử dụng thanh tìm kiếm trong vùng chứa của Trình quản lý thẻ để tìm các thẻ, chế độ cài đặt hoặc dòng mã trong thẻ, trình kích hoạt và biến của bạn. Thanh tìm kiếm là một cách tuyệt vời để xác định 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ẻ hiển thị thông tin tóm tắt về 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 mới 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ẻ bật thẻ, trình kích hoạt, biến và mẫu tùy 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 đến lớp dữ liệu. Chế độ xem trước hoạt động theo cách tương tự như tiện ích 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 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ã nguồn của bạn cho một số từ khóa thẻ phổ biến sau đây để giúp xác định bất kỳ cấu hình thẻ tiềm năng nào:

  • gtag( – Đây là phần mở cho các lệnh gtag() 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 và 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 khả năng đo lường 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à các lệnh gọi dataLayer.push() 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 để 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 trên Google Ads.
  • optimize.js – 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 các hệ thống quản lý thẻ tiềm năng của bên thứ ba trong mã nguồn, ví dụ: utag.js hoặc _satellite.

Thẻ Google (gtag.js)

Nếu đã thêm đoạn mã thẻ Google vào trang web, bạn có thể xem lại thẻ để tìm thêm thông tin về mục đích sử dụng. 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=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-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 bổ sung. 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', 'UA-XXXXXX-1');
    gtag('config', 'UA-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. Bạn có thể xem thêm thông tin về tiền tố sản phẩm ở bên dưới.

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

Mã thẻ giúp 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ó hai mã nhận dạng: Một mã cũ (AW) và một mã thẻ Google (GT). Màn hình cho thấy một thẻ Google trong Google Ads có hai mã thẻ. Các mã thẻ có thể thay thế cho nhau. Bảng dưới đây trình bày thông tin tổng quan về các thẻ tương thích với thẻ Google.
Tiền tố Loại mã nhận dạng Nội dung mô tả
GT-XXXXXX Thẻ Google Mỗi thẻ Google mới tạo sẽ có một 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à các 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à các thẻ Google có tiền tố DC và mã nhận dạng duy nhất.
Thẻ Universal Analytics (UA) không tương thích với thẻ Google (GT).

Những trang web được định cấu hình bằng thẻ Google có thể có 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 ban đầu được tạo 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. 2 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ã chứa một trong các tiền tố đó, thì bạn không cần thêm mã với tiền tố còn lại. Tìm hiểu thêm về cách thiết lập mã 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 cài đặt thẻ vùng chứa 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-" và bên dưới là một ví dụ 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ẻ, điều kiện kích hoạt và biến cho trang web của mình.