範例：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>

• 觸發條件：waca[add_to_cart]（ 新增觸發條件 ）

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

提醒

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