Thông báo

G Suite giờ đây trở thành Google Workspace: ở đây có mọi thứ mà doanh nghiệp của bạn cần để hoàn thành công việc.

Lớp dữ liệu

Trình quản lý thẻ của Google hoạt động tốt nhất khi được triển khai cùng với một lớp dữ liệu. Lớp dữ liệu là đối tượng JavaScript được sử dụng để chuyển thông tin từ trang web tới vùng chứa Trình quản lý thẻ của bạn. Sau đó, bạn có thể sử dụng thông tin đó để điền các biến và kích hoạt trình kích hoạt trong cấu hình thẻ của mình.

Nhà phát triển nên đọc tài liệu dành cho nhà phát triển để biết thêm thông tin.

Thay vì tham chiếu các biến, thông tin giao dịch, danh mục trang và các tín hiệu quan trọng khác được phân tán trên khắp trang của bạn, Trình quản lý thẻ được thiết kế để dễ dàng tham chiếu thông tin mà bạn bao gồm trong mã nguồn lớp dữ liệu của mình. Việc triển khai lớp dữ liệu với các biến và giá trị đi kèm đảm bảo rằng chúng sẽ có sẵn ngay khi bạn cần chúng để kích hoạt thẻ.

Khi bạn thiết lập trang web hoặc ứng dụng dành cho thiết bị di động để làm việc với Trình quản lý thẻ và lớp dữ liệu, hãy suy nghĩ về các loại thông tin mà lớp dữ liệu sẽ xử lý, chẳng hạn như:

  • Dữ liệu sản phẩm: Tên, giá, danh mục sản phẩm
  • Thông tin chiến dịch tiếp thị: Nguồn lưu lượng truy cập, phương tiện
  • Dữ liệu giao dịch: Giá trị giỏ hàng, ngày thanh toán
  • Thông tin khách hàng: Khách hàng mới hoặc khách hàng cũ

Tạo biến lớp dữ liệu

Biến lớp dữ liệu cho phép Trình quản lý thẻ đọc giá trị từ hoạt động triển khai lớp dữ liệu của bạn và chuyển những giá trị đó vào thẻ, trình kích hoạt và các biến khác. Đối tượng lớp dữ liệu được tạo thành từ danh sách các cặp khóa/giá trị. Khóa là một danh mục thông tin – loại sách, tên sách hoặc tác giả. Mỗi khóa có thể có các giá trị khác nhau. Khóa tên sách có thể có giá trị là "Ulysses", "Chiến tranh và hòa bình", "Lược sử thời gian", v.v.

Thêm mã lớp dữ liệu vào trang web

Để thiết lập lớp dữ liệu, hãy làm việc với một nhà phát triển để thêm đoạn mã sau vào mục <head> của trang web phía trên đoạn mã chứa:

<script>
    window.dataLayer = window.dataLayer || [];
</script>

Thêm thông tin vào lớp dữ liệu bằng lệnh dataLayer.push():

<a href="#" onclick="dataLayer.push({
    'bookCategory': 'fiction',
    'bookTitle': 'Cien años de soledad',
    'bookAuthor': 'Gabriel García Márquez'
});">Book details</a>

Bạn có thể xem tài liệu dành cho nhà phát triển để tìm hiểu thêm về hoạt động triển khai lớp dữ liệu.

Thiết lập biến lớp dữ liệu

Khi có khóa mà bạn muốn làm việc, bạn có thể tiến hành tạo biến lớp dữ liệu:

  1. Nhấp vào Biến.
  2. Trong Biến do người dùng xác định, hãy nhấp vào Mới.
  3. Nhấp vào Cấu hình biến và chọn loại biến là Biến lớp dữ liệu.
  4. Trong trường Tên biến lớp dữ liệu, hãy nhập khóa chính xác như được viết trong mã (ví dụ: bookTitle, chứ không phải book title.)
  5. Trong hầu hết các trường hợp, bạn nên đặt Phiên bản lớp dữ liệu thành giá trị mặc định là Phiên bản 2. Tìm hiểu thêm.
  6. Lưu biến.
  7. Lặp lại các bước này cho từng khóa lớp dữ liệu mà bạn muốn hiển thị dưới dạng biến trong Trình quản lý thẻ.
  8. Xuất bản vùng chứa.
Lưu ý: Biến lớp dữ liệu chỉ hoạt động trên cơ sở từng trang. Nếu muốn các giá trị lớp dữ liệu tồn tại qua nhiều lượt xem trang, bạn cần phải thêm mã của riêng mình để chuyển các giá trị lớp dữ liệu giữa các trang.

Cách xử lý thông tin lớp dữ liệu

Khi Trình quản lý thẻ tải một vùng chứa, tất cả [thông báo đẩy lớp dữ liệu] đã xếp hàng sẽ bắt đầu được xử lý. Trình quản lý thẻ xử lý các sự kiện lớp dữ liệu theo thứ tự nhận được. Từng thông báo sẽ được xử lý lần lượt. Nếu thông báo là một sự kiện, thì sự kiện này sẽ kích hoạt bất kỳ thẻ nào đã đáp ứng các điều kiện kích hoạt trước khi chuyển sang thông báo tiếp theo.

Nếu mã trên trang thực hiện bất kỳ lệnh gọi gtag() hoặc dataLayer.push() nào trong Mẫu tùy chỉnh hay trong thẻ HTML tùy chỉnh, thì thông báo liên quan sẽ được xếp hàng đợi xử lý sau khi tất cả các thông báo đang chờ xử lý khác đã được đánh giá. Điều này có nghĩa là các giá trị lớp dữ liệu được cập nhật có thể không có sẵn trong sự kiện tiếp theo. Để xử lý những trường hợp này, bạn có thể thêm tên sự kiện vào thông báo khi sự kiện đó được đẩy vào lớp dữ liệu, sau đó theo dõi tên sự kiện đó bằng trình kích hoạt Sự kiện tùy chỉnh.

Lưu ý quan trọng: Không dùng thẻ HTML tùy chỉnh để triển khai mã dựa trên gtag.js. Thay vào đó, hãy sử dụng các mẫu thẻ gốc của Trình quản lý thẻ cho Google Ads, Analytics, and Floodlight.
Lưu ý quan trọng: Không sử dụng HTML tùy chỉnh để tìm cách thiết lập chế độ cài đặt về sự đồng ý. Vì cần áp dụng các chế độ cài đặt về sự đồng ý trước khi các thẻ liên quan kích hoạt trong vùng chứa Trình quản lý thẻ, bạn phải áp dụng API lấy sự đồng ý của Trình quản lý thẻ trước khi vùng chứa Trình quản lý thẻ tải.

Các tài nguyên khác

Thông tin này có hữu ích không?

Chúng tôi có thể cải thiện trang này bằng cách nào?
Tìm kiếm
Xóa nội dung tìm kiếm
Đóng tìm kiếm
Trình đơn chính
2635935010093214005
true
Tìm kiếm trong Trung tâm trợ giúp
true
true
true
true
true
102259
false
false