範例：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>

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

提醒

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

Last updated