Chế độ của bên thứ nhất: Tải tập lệnh Google thông qua tính năng gắn thẻ phía máy chủ

Bài viết này dành cho các nhà phát triển sử dụng tính năng gắn thẻ phía máy chủ và muốn phân phát các tập lệnh Google từ máy chủ của riêng họ.

Tính năng gắn thẻ phía máy chủ cho phép bạn tải các tập lệnh của Google, chẳng hạn như gtm.js hoặc gtag.js, trực tiếp từ máy chủ gắn thẻ thay vì từ máy chủ của Google. Điều này cho phép bạn phân phát dữ liệu trong bối cảnh của bên thứ nhất.

Trước khi bắt đầu

Hướng dẫn này giả định rằng bạn đã làm xong những việc sau:

Để bắt đầu, hãy chọn cách triển khai của bạn.

Bước 1: Định cấu hình ứng dụng

Để thiết lập ngữ cảnh của bên thứ nhất giữa vùng chứa web và máy chủ gắn thẻ, bạn cần tải tập lệnh của Google thông qua máy chủ.

Cách tải tập lệnh Google thông qua vùng chứa máy chủ:

Chọn một phương án triển khai để xem hướng dẫn.

Bước 2: Cập nhật miền nguồn của tập lệnh

Theo mặc định, Trình quản lý thẻ hoặc gtag.js sẽ tải các phần phụ thuộc từ các máy chủ do Google sở hữu, chẳng hạn như www.googletagmanager.com. Bạn cần cập nhật URL của tập lệnh trên trang web của mình để tải các phần phụ thuộc thông qua máy chủ của riêng bạn.

Chọn một phương án triển khai để xem hướng dẫn.

Bước 3: Xác minh nguồn của tập lệnh

Hướng dẫn sau đây cho biết cách kiểm thử bằng Google Chrome. Bạn có thể sử dụng bất kỳ trình duyệt nào bạn muốn, nhưng các bước có thể khác nhau.

Cách kiểm tra xem vùng chứa máy chủ của bạn có đang tải các phần phụ thuộc hay không:

  1. Mở trang web của bạn trong một thẻ trình duyệt mới.
  2. Mở công cụ dành cho nhà phát triển của trình duyệt. Trong Google Chrome, bạn có thể nhấp chuột phải vào vị trí bất kỳ trên trang rồi chọn Kiểm tra.
  3. Trong công cụ dành cho nhà phát triển, hãy mở thẻ Sources (Nguồn). Cửa sổ này cho thấy tất cả phần phụ thuộc đã được tải khi bạn mở trang web.

    • ✅ Bạn triển khai đúng cách nếu gtm.js được tải từ nguồn bạn chỉ định.

    Ảnh chụp màn hình các công cụ dành cho nhà phát triển, trong đó máy chủ của riêng bạn là nguồn cho các tập lệnh của Google

    • ❌ Nếu thẻ Sources (Nguồn) hiển thị www.googletagmanager.com làm nguồn cho gtm.js, thì các phần phụ thuộc vẫn được tải từ máy chủ của Google.

    Ảnh chụp màn hình các công cụ dành cho nhà phát triển, trong đó www.googletagmanager.com là nguồn cho các tập lệnh của Google

    • Kiểm tra xem bạn đã sửa đổi URL nguồn trong mã hay chưa, hãy xem bước 2.
    • Kiểm tra xem mã có đang hoạt động hay không.

Các bước tiếp theo

Nếu đang sử dụng chế độ đồng ý, bạn có thể thiết lập hành vi của thẻ theo khu vực để có thêm quyền kiểm soát.