範例：shopify 送出訂單

Google Tag Manager 安裝

注意

1. 需要 Shopify Plus 版本，並將 Google Tag Manager 埋設進去

新增變數

新增變數

購物商品

購物商品變數

• 變數名稱：shopify [purchase] purchase_items

• 變數類型：資料層變數

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

• 按下「儲存」

購物 ID

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

• 變數名稱：shopify [purchase] purchase_id

• 變數類型：資料層變數

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

• 按下「儲存」

購物 User ID

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

• 變數名稱：shopify [purchase] purchase_user_id

• 變數類型：資料層變數

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

• 按下「儲存」

購物金額

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

• 變數名稱：shopify [purchase] purchase_price

• 變數類型：資料層變數

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

• 按下「儲存」

---

新增觸發條件

新增觸發事件

訂單事件

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

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

• 事件名稱：purchase

• 按下「儲存」

---

新增代碼

建立代碼

開始結帳代碼

• 代碼名稱： [shopify] purchase

• 代碼類型：自訂 HTML

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

<script>
var data = {
	'product': '',
	'amount': ( {{shopify [begin_checkout] purchase_price}} !== undefined )? {{shopify [begin_checkout] purchase_price}}: ''
};

if({{shopify [begin_checkout] purchase_items}} !== undefined){
    var items = {{shopify [begin_checkout] purchase_items}};
  
	for(var i in items){
		if(items[i] !== undefined){
			data.product += (data.product == '')? items[i].item_id : ',' + items[i].item_id;
		}
	}

	if(data.product != ''){
		itg('event', 'purchase',{
		    'id':   '',             
		    'price': data.amount,
		    'promotion': '',
		    'product': data.product                   
		});
	}
}
</script>

• 觸發條件：shopify[begin_checkout]（ 新增觸發條件 ）

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

提醒

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