範例：Qdm 送出訂單

Google Tag Manager 安裝

新增變數

新增變數

購物商品

購物商品變數

• 變數名稱：qdm [purchase]

• 變數類型：資料層變數

• 資料層變數名稱：ecommerce

• 按下「儲存」

會員資料

會員資料

• 變數名稱：user_data

• 變數類型：資料層變數

• 資料層變數名稱：user_data

• 按下「儲存」

---

新增觸發條件

新增觸發事件

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

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

• 事件名稱：Purchase

• 按下「儲存」

---

新增代碼

建立代碼

• 代碼名稱： [qdm] purchase

• 代碼類型：自訂 HTML

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

<script>
var purchase = {{qdm [purchase]}};
var user_data = {{user_data}};

if(purchase !== undefined){
    var data = {
	  'id': purchase.transaction_id,
	  'user_id':'',
	  'product': '',
	  'amount': purchase.value
    };
  
    var items = purchase.items;
  
	for(var i in items){
		if(items[i].item_id !== undefined){
			data.product += (data.product == '')? items[i].item_id : ',' + items[i].item_id;
		}
	}
  
    setTimeout(function() {
    	var params = {
		    'id':   data.id,             
		    'price': data.amount,
		    'promotion': '',
		    'product': data.product
		}

		if(user_data !== undefined && user_data.email !== undefined){
			params.user = {
				'type': 'own',
				'email': user_data.email
			};
		}

      	itg('event', 'itg_purchase', params);
    }, 500);
}
</script>

• 觸發條件：qdm[purchase]（ 新增觸發條件）

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

提醒

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