Instag 顧客數據平台
Instag 顧客數據平台
  • 🎯Instag: 掌握受眾的起點
    • Instag 導入指引
  • 🔰Google Tag Manager 安裝 (建議)
    • 基礎追蹤 (必要)
    • 內容網站設置(Wordpress)
    • 開店平台設置
      • 91APP
      • Shopline
      • Shopify
      • 1shop
      • Waca
      • Easystore
      • Qdm
  • 導入確認檢查
  • 💡第三方平台整合
    • Facebook 粉絲專頁
    • Facebook 廣告帳號
    • Facebook Conversion API
    • Google AD Manager
    • Google Search Console
    • Google Analytics 4
    • LINE OA
      • Line 官方帳號
      • Line LIFF
  • Threads
  • Wordpress
  • 🖥️應用情境
    • 廣告投放
      • 如何即時監控廣告投放 / 行銷效益?
      • 如何在 Facebook 廣告投放使用 Instag 受眾?
      • 如何在 Google Ad Manager 廣告投放使用 Instag 受眾?
      • 如何在 Google Ads 廣告投放使用 Instag 受眾?
      • 如何追蹤連結點擊至客戶或非自有網站受眾?
      • 如何知道站內廣告成效與 Instag 受眾關係?
    • 分眾行銷
      • 如何在 Line 推播訊息使用 Instag 受眾?
      • 如何將 Line User 與 Instag 進行連結?
      • 如何設置自動化行銷新加入會員訊息?以及沈睡會員喚醒?
  • 🛠️程式碼自訂安裝
    • 基礎追蹤 (必要)
    • 瀏覽內容
    • 搜尋追蹤
      • 範例:91APP 搜尋
      • 範例:waca 搜尋
      • 範例:shopline 搜尋
      • 範例:Easystore 搜尋
    • 分享追蹤
      • 91APP
        • 範例:91APP 分享
      • Waca
        • 範例:Waca 分享 Line
        • 範例:Waca 分享 Facebook
        • 範例:Waca 分享 X
      • shopline
        • 範例:shopline 分享 Line
        • 範例:shopline 分享 Facebook
        • 範例:shopline 分享 Whatsapp
        • 範例:shopline 分享複製連結
      • Easystore
        • 範例:Easystore 分享 Facebook
        • 範例:Easystore 分享 X
        • 範例:Easystore 分享 pinterest
        • 範例:Easystore 分享 Line
    • 點擊追蹤
      • 91APP
        • 範例:91APP 分類點擊
      • shopline
        • 範例:shopline 加入追蹤清單
        • 範例:shopline 分類點擊
      • Easystore
        • 範例:Easystore 分類點擊
    • 表單追蹤
      • 範例:91APP 註冊
    • 瀏覽商品
      • 範例:91APP 瀏覽商品
      • 範例:waca 瀏覽商品
      • 範例:1shop 瀏覽商品
      • 範例:shopline 瀏覽商品
      • 範例:Shopify 瀏覽商品
      • 範例:Easystore 瀏覽商品
      • 範例:qdm 瀏覽商品
    • 購物車追蹤
      • 範例:91APP 加入購物車
      • 範例:waca 加入購物車
      • 範例:1shop 加入購物車
      • 範例:shopline 加入購物車
      • 範例:shopify 加入購物車
      • 範例:Easystore 加入購物車
      • 範例:Qdm 加入購物車
    • 購買追蹤
      • 範例:91APP 送出訂單
      • 範例:waca 送出訂單
      • 範例:1shop 送出訂單
      • 範例:shopline 送出訂單
      • 範例:shopify 送出訂單
      • 範例:Easystore 送出訂單
      • 範例:Qdm 送出訂單
    • 會員追蹤
    • 整合追蹤
Powered by GitBook
On this page
  • 新增變數
  • 購物商品
  • 購物 ID
  • 購物 User ID
  • 購物金額
  • 新增觸發條件
  • 新增代碼
  1. 程式碼自訂安裝
  2. 購買追蹤

範例:91APP 送出訂單

Google Tag Manager 安裝

Last updated 12 months ago

新增變數

購物商品

  • 變數名稱:91app [purchase] purchase_items

  • 變數類型:資料層變數

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

  • 按下「儲存」

購物 ID

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

  • 變數名稱:91app [purchase] purchase_id

  • 變數類型:資料層變數

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

  • 按下「儲存」

購物 User ID

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

  • 變數名稱:91app [purchase] purchase_user_id

  • 變數類型:資料層變數

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

  • 按下「儲存」

購物金額

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

  • 變數名稱:91app [purchase] purchase_price

  • 變數類型:資料層變數

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

  • 按下「儲存」


新增觸發條件

  • 觸發名稱:91app[purchase] (可更改)

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

  • 事件名稱:purchase

  • 按下「儲存」


新增代碼

  • 代碼名稱: [91app] purchase

  • 代碼類型:自訂 HTML

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

<script>
var data = {
	'id': {{91app [purchase] purchase_id}},
	'user_id':{{91app [purchase] purchase_user_id}},
	'product': '',
	'amount': {{91app [purchase] purchase_price}}
};

if({{91app [purchase] purchase_items}} !== undefined){
    var items = {{91app [purchase] 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':   data.id,             
		    'price': data.amount,
		    'promotion': '',
		    'product': data.product,
            'user':{
				'type': 'own',
				'id': data.user_id,
				'email': '',
				'phone': ''
            }
		});
	}
}
</script>
  • 觸發條件:91app[begin_checkout]( 新增觸發條件)

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

提醒

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

🛠️
新增變數
購物商品變數
新增觸發事件
送出訂單事件
建立代碼
送出訂單代碼