範例：waca 送出訂單

Google Tag Manager 安裝

新增變數

新增變數

購物商品

購物商品變數

  • 變數名稱：waca [purchase] ecommerce

  • 變數類型：資料層變數

  • 資料層變數名稱：ecommerce

  • 按下「儲存」

新增觸發條件

新增觸發事件
購買視窗載入完成

  • 觸發名稱：Window Loaded Purchase

  • 觸發條件類型：網頁瀏覽 - 視窗已載入

  • 觸發條件：Page Path 包含 /cart/finish

  • 按下「儲存」

新增代碼

建立代碼
送出訂單代碼

  • 代碼名稱： [waca] purchase

  • 代碼類型：自訂 HTML

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

<script>
var ecommerce = {{waca [purchase] ecommerce}};

if(ecommerce !== undefined){
    var data = {
	  'id': ecommerce.purchase.actionField.id,
	  'user_id':'',
	  'product': '',
	  'amount': ecommerce.purchase.actionField.revenue
    };
  
    var items = ecommerce.purchase.products;
  
	for(var i in items){
		if(items[i] !== undefined){
			data.product += (data.product == '')? items[i].id : ',' + items[i].id;
		}
	}

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

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

提醒

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

Last updated