範例：shopify 加入購物車

Google Tag Manager 安裝

新增變數

新增變數

加入購物車 product_items

加入購物變數

• 變數名稱：shopify [add_to_cart] prdouct_items

• 變數類型：資料層變數

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

• 按下「儲存」

---

新增觸發條件

新增觸發事件

加入購物車事件

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

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

• 事件名稱：add_to_cart

• 按下「儲存」

---

新增代碼

建立代碼

加入購物車代碼

• 代碼名稱： [shopify] add_to_cart

• 代碼類型：自訂 HTML

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

<script>
if({{shopify [add_to_cart] prdouct_items}} !== undefined && {{shopify [add_to_cart] prdouct_items}} != null){
	var items = {{shopify [add_to_cart] prdouct_items}};

	if(items.length > 0){
		for(var i in items){
			if(items[i] !== undefined){
				itg('event', 'product',{
				    'type':'add',
				    'id': items[i].id,
				    'category': items[i].category,
				    'brand': items[i].brand,
				    'tag': '',
				    'price': items[i].price * items[i].quantity
				});
			}
		}
	}
}
</script>

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

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

提醒

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