範例：shopline 加入購物車

Google Tag Manager 安裝

新增變數

新增變數

加入購物車 product_id

加入購物車

• 變數名稱：shopline [add_to_cart] prdouct_id

• 變數類型：資料層變數

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

• 按下「儲存」

加入購物車 product_name

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

• 變數名稱：shopline [add_to_cart] product_name

• 變數類型：資料層變數

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

• 按下「儲存」

加入購物車 product_price

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

• 變數名稱：shopline [add_to_cart] product_price

• 變數類型：資料層變數

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

• 按下「儲存」

加入購物車 product_discount

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

• 變數名稱：shopline [add_to_cart] prdouct_discount

• 變數類型：資料層變數

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

• 按下「儲存」

加入購物車 product_quantity

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

• 變數名稱：shopline [add_to_cart] product_quantity

• 變數類型：資料層變數

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

• 按下「儲存」

---

新增觸發條件

新增觸發事件

加入購物車事件

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

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

• 事件名稱：add_to_cart

• 按下「儲存」

---

新增代碼

建立代碼

加入購物車代碼

• 代碼名稱： [shopline] add_to_cart

• 代碼類型：自訂 HTML

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

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

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

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

提醒

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