Google跟蹤代碼管理器增強型電子商務數據層

Question

我正在我們的網站上實施GTM和GA，但有一個非常基本的問題，即關於傳遞有關我印象中的產品印象和點擊的電子商務數據的信息，而這些數據我從官方GTM文檔中無法理解。

作為示例，我想討論搜索結果頁面。 我們的搜索結果頁面上通常會顯示50-100個產品列表。 SRP將使用本部分的dataLayer = [{......]]部分中預加載的產品印象進行加載，並帶有正確的命名約定的Google跟蹤代碼管理器進行印象計算所需的所有變量。 例如，我想分享頁面的HTML偽代碼

<html>
<head>
....
....
    <script>
        dataLayer=[{
            'userID':'sdvkn3434mwgn4nk',
            'country':'USA',
            'language':'en-us',
            'ecommerce': {
                currencyCode': 'USD',
                'impressions': [
                    {
                     'name': 'Triblend Android T-Shirt',
                     'id': '12345',
                     'price': '15.25',
                     'brand': 'Google',
                     'category': 'Apparel',
                     'variant': 'Gray',
                     'list': 'Search Results',
                     'position': 1
                    },
                 {
                   'name': 'Donut Friday Scented T-Shirt',
                   'id': '67890',
                   'price': '33.75',
                   'brand': 'Google',
                   'category': 'Apparel',
                   'variant': 'Black',
                   'list': 'Search Results',
                   'position': 2
                 }]
            }
        }
    </script>
</head>
<body>
    ...
    ...
    <a href="www.example.com/12345.html">Triblend Android T-Shirt</a>
    <a href="www.example.com/12345.html">Donut Friday Scented T-Shirt</a>
    ....
</body>

在此dataLayer = [{}]中，我們還將獲得與用戶語言，用戶ID，所選國家/地區等相關的數據

我想了解如何計算產品點擊次數。 在google文檔中，提到https://developers.google.com/tag-manager/enhanced-ecommerce#product-clicks可以使用以下代碼進行跟蹤。

<script>
function(productObj) {
  dataLayer.push({
    'event': 'productClick',
    'ecommerce': {
      'click': {
        'actionField': {'list': 'Search Results'},      
        'products': [{
          'name': productObj.name,                      
          'id': productObj.id,
          'price': productObj.price,
          'brand': productObj.brand,
          'category': productObj.cat,
          'variant': productObj.variant
         }]
       }
     },
     'eventCallback': function() {
       document.location = productObj.url
     }
  });
}
</script>

該函數應在哪里聲明？ 在哪里應該調用此函數？ 以及我們如何將產品的值（即名稱，id，價格等）傳遞給函數。

我不是開發人員，將使用開發人員的幫助將信息從后端獲取到數據層中。

Answer 1

試試這個HTML：

<body>
  ...
  ...
  <a class="toMisure" data-id="12345" data-name="Triblend Android T-Shirt"  href="www.example.com/12345.html">Triblend Android T-Shirt</a>
</body>

而這個Javascript Jquery：

<script>
$(function(){
 $('.toMisure').click(function(){
    dataLayer.push({
      'event': 'productClick',
      'ecommerce': {
      'click': {
      'actionField': {'list': 'Search Results'},      
      'products': [{
      'name': $(this).attr('data-name'),                      
      'id': $(this).attr('data-id'),
      'price': ...,
      'brand': ...,
      'category': ...,
      'variant': ...
     }]
    }
   },
   'eventCallback': function() {
     document.location = $(this).attr('href')
   }
  });
 });
});
</script>

通過標簽a中的數據屬性來Passig所有其他產品屬性

然后在分析中創建事件“產品點擊”，然后在此處進行說明

希望對您有幫助！

Answer 2

我不確定為什么Google代碼使用匿名函數。 您可以將其命名為trackProductClick。 然后，您可以在任何地方聲明它，並通過onclick事件調用它：

 <a href="productname.html" onClick="trackProductClick({name: 'My Shoe Product', id: '1234', price: '100.00', brand: 'nike', cat: 'Shoes', varient: 'brown'})">Product Link</a>

Google跟蹤代碼管理器增強型電子商務數據層

問題描述

2 個解決方案

解決方案1
0 2014-10-21 11:09:35

解決方案2
0 2014-10-25 01:25:35

Google跟蹤代碼管理器增強型電子商務數據層

問題描述

2 個解決方案

解決方案1 0 2014-10-21 11:09:35

解決方案2 0 2014-10-25 01:25:35

解決方案1
0 2014-10-21 11:09:35

解決方案2
0 2014-10-25 01:25:35