資料層 Data Layer 說明 & 範例

資料層 Data Layer 說明 & 範例

**資料層 Data Layer**：

DataLayer 像是一個資料櫃子，各抽屜中存放資料，並於行為觸發時，將這些資料於頁面上。

舉例來說：

使用者點擊加入購物車後，會將商品資料加入購物車中，在資料加入時，我們也將設定好的 addToCart DataLayer(資料如下)推至頁面上，此時頁面會有 addToCart 的事件觸發。

window.dataLayer = window.dataLayer || [];

dataLayer.push({

  'event': 'addToCart',  //觸發事件名稱

  'ecommerce': {

    'currencyCode': 'TWD', 

    'add': {                                

      'products': [

          {                        

            'name': '化妝水',

            'en_name': 'Lotion',

            'id': 'W0001',

            'productSku': 'sku000001',

            'price': 300,

            'brand': 'adGeek',

            'category': 'Care products',

            'variant': '100ml',

            'quantity': 2

           }

       ]

    }

  }

});

我們於 GTM 或 console 中，可看到 addToCart dataLayer，相關資訊於頁面上。

(AddtoCart相關資料：商品編號, 商品名稱, 金額, 數量等資訊)

因此我們可以GTM接收 DataLayer 資料， 並商品編號、名稱及金額等資料，設定且觸發加入購物車事件Code。