範例：waca 加入購物車

Google Tag Manager 安裝

新增變數

新增變數

加入購物車 product_id

加入購物車變數

  • 變數名稱：waca [add_to_cart] prdouct_id

  • 變數類型：資料層變數

  • 資料層變數名稱：eventModel.items.0.item_id

  • 按下「儲存」

加入購物車 product_name

如上述新增變數步驟，再建立 product_name 變數

  • 變數名稱：waca [add_to_cart] product_name

  • 變數類型：資料層變數

  • 資料層變數名稱：eventModel.items.0.item_name

  • 按下「儲存」

加入購物車 product_price

如上述新增變數步驟，再建立 product_price 變數

  • 變數名稱：waca [add_to_cart] prdouct_price

  • 變數類型：資料層變數

  • 資料層變數名稱：eventModel.items.0.price

  • 按下「儲存」

加入購物車 product_quantity

如上述新增變數步驟，再建立 product_quantity 變數

  • 變數名稱：waca [add_to_cart] product_quantity

  • 變數類型：資料層變數

  • 資料層變數名稱：eventModel.items.0.quantity

  • 按下「儲存」

加入購物車 product_category

如上述新增變數步驟，再建立 product_quantity 變數

  • 變數名稱：waca [add_to_cart] product_category

  • 變數類型：資料層變數

  • 資料層變數名稱：eventModel.items.0.item_category

  • 按下「儲存」

新增觸發條件

新增觸發事件
加入購物車事件

  • 觸發名稱：waca[add_to_cart] (可更改)

  • 觸發條件類型：自訂事件

  • 事件名稱：add_to_cart

  • 按下「儲存」

新增代碼

建立代碼
加入購物車追蹤代碼

  • 代碼名稱： [waca] add_to_cart

  • 代碼類型：自訂 HTML

  • HTML：複製下面內容程式碼貼上

<script>
if({{waca [add_to_cart] product_name}} !== undefined && {{waca [add_to_cart] product_name}} != ''){
	itg('event', 'product',{
	    'type':'add',
	    'id': {{waca [add_to_cart] prdouct_id}},
	    'category': {{waca [add_to_cart] product_category}},
	    'brand': '',
	    'tag': '',
	    'price': {{waca [add_to_cart] prdouct_price}} * {{waca [add_to_cart] product_quantity}}
	});
}
</script>

按下右上角「儲存」按鈕後，點擊右上角 「提交」 並且 「發布」 即可生效。

提醒

  • 請先用 「預覽」 功能測試，確認 「Tags Fired」 是否有觸發成功

Last updated