Data layer trong Google Tag Manager và cách triển khai chi tiết nhất

Data Layer declaration

Data Layer declaration là cách khai báo data layer bằng cách gán một mảng các cặp key/value cho biến dataLayer.

Data Layer declaration thường được sử dụng TRƯỚC đoạn mã GTM để khởi tạo data layer và thêm các thông tin cơ bản về trang web. Tuy nhiên, nếu bạn sử dụng Data Layer declaration sau đoạn mã GTM hoặc nhiều lần trên cùng một trang, bạn sẽ ghi đè lên data layer cũ và làm mất các thông tin đã có trước đó.

Tóm lại, phương thức này bị giới hạn và chỉ hoạt động nếu bạn thêm đoạn mã Data Layer TRÊN container code của Google Tag Manager. Chuyên gia của chúng tôi không khuyến khích sử dụng nó. Nhưng vì tò mò, chúng ta hãy xem qua.

Giả sử bạn muốn gửi danh mục trang dưới dạng thứ nguyên tùy chỉnh tới Google Analytics 4. Đây là Data Layer code phải được thêm phía trên vùng chứa GTM:

  
       <script>
  dataLayer = [{
    'pageCategory': 'google-tag-manager-tips'
  }];
</script>
<!-- Google Tag Manager -->
...
<!-- End Google Tag Manager -->
  

Nếu bạn không thoải mái khi đụng đến code của trang web, bộ phận IT có thể làm điều đó. Nhưng điều này là không cần thiết nếu bạn đã cài đặt một số plugin GTM trên trang web của mình.

Một ví dụ khác là dữ liệu giao dịch hoặc sản phẩm. Giả sử bạn muốn triển khai tính năng Theo dõi mua hàng của Google Analytics 4. Trong trường hợp này, nhà phát triển của bạn nên thêm đoạn mã dataLayer phía trên vùng chứa Trình quản lý thẻ của Google với các tham số sau: transaction_id , value, v.v.

Sau khi thông tin này được thêm vào Lớp dữ liệu, Trình quản lý thẻ của Google có thể tìm nạp và chuyển thông tin đó sang GA4.

Nhưng có một số lý do khiến tôi luôn khuyên bạn không nên sử dụng phương pháp này.

1. Nếu đoạn mã dataLayer = [] được thêm vào bên dưới mã vùng chứa Google Tag Manager thì toàn bộ quá trình triển khai theo dõi sự kiện GTM của bạn sẽ bị hỏng (ngừng hoạt động). Và điều này xảy ra quá thường xuyên.
2. Đôi khi, những người mới bắt đầu sử dụng Google Tag Manager cần hiểu rõ về phương pháp và thời điểm sử dụng. Ý tôi là, họ nên sử dụng dataLayer = [] hay sử dụng dataLayer.push (mà tôi sẽ giải thích ở phần tiếp theo)?

Nói chung, các chuyên gia GTM không khuyên bạn nên sử dụng phương thức khai báo Lớp dữ liệu -Data Layer declaratio (dataLayer = [];).

Nếu bạn vẫn còn phân vân và cần tìm sự hỗ trợ chuyên sâu, hãy tham khảo ý kiến chuyên gia Nguyễn Minh Đức trên Askany.

• Profile chuyên gia: https://askany.com/digital-marketing/1694595441744645
• Thời gian tư vấn: Thứ 2 - Chủ nhật (8:00 - 23:00)
• Giá tư vấn: 100.000 VND / 15 phút (Gọi điện)

DataLayer.push

DataLayer.push là cách thêm thông tin vào data layer bằng cách sử dụng phương thức push () của mảng dataLayer.

Phương pháp thứ hai (dataLayer.push) là một cách khác để thêm dữ liệu vào Lớp dữ liệu. Dưới đây là một vài ví dụ:

1. Bạn có biểu mẫu đăng ký bản tin (không thể dễ dàng theo dõi bằng các phương pháp theo dõi biểu mẫu thông thường). Bạn nên yêu cầu nhà phát triển trang web của mình đẩy sự kiện Data Layer sau khi người đăng ký mới nhập email của họ vào trang web của bạn. Mã của sự kiện này có thể trông như thế này:

  
        window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'new_subscriber'
});
  

Nếu muốn, bạn có thể yêu cầu nhà phát triển của mình cung cấp thêm thông tin (ví dụ: form location (vì bạn có thể có nhiều biểu mẫu trên cùng một trang)).

  
        window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'formLocation': ‘footer’,
  'event': 'new_subscriber'
});
  

2. Khi khách truy cập thêm sản phẩm vào giỏ hàng của mình, sự kiện Lớp dữ liệu (chứa thông tin về sản phẩm) có thể được kích hoạt.

  
        window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'addToCart',
  'products': [{
    'id': '123',
    'name': 'Black T-shirt',
    'brand': 'nike',
    'quantity': 1
  }]
});
  

Tại sao phương pháp này tốt hơn phương pháp đầu tiên?

Nó có thể được đặt ở bất kỳ đâu trong mã (trên và dưới vùng chứa Google Tag Manager) và sẽ không phá vỡ tính năng theo dõi sự kiện trong GTM (trong khi phương thức đầu tiên cần bạn thêm nó phía trên đoạn mã GTM).

Điều này có thể thực hiện được nhờ có window.dataLayer = window.dataLayer || []; dòng.

Với phương pháp này, bạn có thể đẩy các sự kiện lên Data Layer để sau này sử dụng làm điều kiện kích hoạt. Ví dụ: nếu ai đó gửi biểu mẫu, nhà phát triển có thể kích hoạt mã sau:

  
        window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'formSubmission'
});
  

Vì mã ở trên chứa event key nên dataLayer.push này có thể được sử dụng làm điều kiện kích hoạt trong Google Tag Manager.

DataLayer.push không ghi đè lên data layer cũ, mà chỉ thêm mới vào cuối mảng. Điều này giúp bạn bảo toàn các thông tin đã có và tránh gây ra lỗi cho GTM.