GTM教學-Tiktok廣告電子商務埋設1 - 電子商務必要參數抓取

Tiktok廣告追蹤參數，類似於臉書Facebook Pixel，其中Tiktok的參數使用Content為KEY值。因此如果你的網站是使用開店平台，且原本就有push指定DataLayer至你的GTM中，那麼你的重點就是查看，DataLayer有無與Tiktok所需要KEY值一樣，如果沒有，就需要跑JS的For迴圈，將資料的Key值進行更換。

本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集，並且規劃成文章、Youtube內容。

Tiktok廣告追蹤埋設，流程為網站資料-> GTM-DataLayer ->GTM代碼 -> TIKTOK廣告後台。

Tiktok廣告電子商務埋設大全1 – 電子商務必要參數介紹及抓取
Tiktok廣告電子商務埋設大全2 – GTM實戰埋設
Tiktok廣告電子商務埋設大全3 – 多商品資料格式

台灣大多為電子商務平台，因此原本就會有埋設好的DataLayer Value，因此我們只要從GTM做資料層的變數抓取，並且再丟給抖音對應的資料參數回拋，即可完成最快速的TikTok廣告子商務埋設。

本次系列使用平台為Shopline。你的網站DLV可能會與我示範的不同，因此還是要對應你的後台資料，做相對應的調整變動。

章節內容

1 TIKTOK廣告-官方文件參照
2 Tiktok廣告追蹤埋設
3 更多文章

TIKTOK廣告-官方文件參照

TikTok廣告追蹤事件參照文件

本教學會依照TIKTOK的電子商務事件建議參數，依序做抓取變數、埋設、發佈的教學。建議參數分別為:「content_id」、「content_type」、「value」、「currency」、「quantity」。

Tiktok廣告追蹤埋設

以開店平台為例

如果你是使用台灣常見的開店平台所架設，那基本上你可以先到GTM的DEBUG模式，查看網站會不會幫你做DLV的推送。如上面範例。如果有DLV的自動推送，那表示你可以直接使用這些參數，並抓取給GTM作為回傳使用。上面的範例圖就是當我加入購物車時 (或其他電商事件)。網站會自動執行JS並PUSH該有的電子商務資料至GTM。

流程為 – 網站資料-> GTM-DataLayer ->GTM代碼 -> TIKTOK廣告後台。

網站自架沒有DLV資料

dataLayer.push({
  event: "add_to_cart",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      content_id: "SKU_12345",
      content_type: "Stan and Friends Tee",
     description: "Product Des",
      price: 9.99,
      quantity: 1
    }
    ]
}
})

透過以上的JS並調整為你要發送的事件，並且透過HTML代碼發送至網站。讓你的網站也可以執行自動PUSH電子商務的資料。如果詳細還是不了解，歡迎觀看「電子商務埋設大全的教學」裡面有提及如何使用自訂html埋設DLV，當你有資料層的資料，再搭配GTM的變數，萃取資料層的變數，回拋給Tiktok也是行的通。

從資料層抓取變數使用

透過「GTM選單」的變數，點選「資料層變數」，輸入對應的資料層(DLV)。如果你想要抓取「currency」。

ecommerce.currency

如果你想要抓取「content_id」，那就輸入以下。

ecommerce.items.0.content_id

將其他你需要的變數，依序使用以上方法，抓去至GTM的變數裡面。這邊有很多關於程式語言的表示方法，如果不懂建議會直接看YT比較快。

DEBUG模式查看有無正確

完成個別的DLV設定後，你可以到除錯模式查看資料有無收集正確。如果沒問題就可以準備開始設定TIKTOK廣告電子商務代碼了! 埋設的教學都會集中在第2集。

GTM-Tiktok廣告電子商務埋設大全2 – GTM埋設實戰

本系列電子商務教學，使用網站為SHOPLINE。如果你是其他網站，可能變數會與我的不同。記得要依照你網站的資料做對應的變更才行。

GTM教學｜GA4電商埋設1｜電商必要參數抓取

TIKTOK廣告-官方文件參照

Tiktok廣告追蹤埋設

以開店平台為例

網站自架沒有DLV資料

從資料層抓取變數使用

DEBUG模式查看有無正確

更多文章

Looker Studio

GA4

GTM

BigQuery

其他

相關