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

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

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

本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集,並且規劃成以下內容。

這一篇為GTM埋設TIKTOK廣告的第二篇 – GTM的實戰埋設,我們會專注上一集講的必要參數,透過TIKTOK官方代碼範本,進行GTM的實戰埋設,所以務必先確認自己的GTM是否有「Tiktok電子商務必要參數」,否則這一篇會埋設不順。

TikTok電子商務事件參照連結

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

TIKTOK廣告- GTM官方代碼範本

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

在開始埋設前,務必先前往GTM的範本庫,搜尋TT的PIXEL範本庫,待會埋設會需要用到。

Tiktok廣告追蹤埋設

複製TT廣告後台的BASECODE

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

前往你的Tiktok廣告後台,並且找到你的PIXEL – BASE CODE,複製並準備貼到GTM的HTML代碼中。

貼上至GTM的HTML代碼

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

將前一個TIKTOK的基礎代碼,貼上至GTM的「自訂HTML」。並選擇觸發條件為「ALL PAGES」即可,記得輸入你看得懂的名稱「方便未來管理」。

開啟TT埋設代碼

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

於GTM的代碼中,開啟剛剛新增於範本庫的TIKTOK PIXEL代碼。

輸入ID&選擇事件

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

輸入你的TT後台對應的PIXEL ID,並且選擇你要埋設的TIKTOK電子商務追蹤事件。{{TK-ID}}為將PIXEL先儲存在GTM的變數中,方便使用者調用,就不用再找PIXEL-ID貼上。

選擇埋設方式

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

第一格為使用GA電子商務的DLV資料,據我個人測試SHOPLINE網站,還不能正常讀取,因此目前還是尚只能讀取UA的DLV資料。如果未來發現它可以使用;恭喜你,你可以跳過後面的冗長步驟。直接勾選使用「使用GA的DLV」,代碼就會讀取電子商務DLV進行追蹤。

如果你跟我一樣要走「手動埋設」。你在選擇事件時,要注意事件「是否會一次傳送多個產品參數」。例如「購買」事件,就會有A產品、B產品,一個事件多個產品購買發生。因此你需要確定資料層也會有相對多產品的陣列資料,並搭配對應的tiktok要求的KEY格式,回傳給tiktok廣告。

  • Single Content – 單一產品
  • Multilple Contents – 多個產品

填入對應的DLV變數

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

如果上一集有完整抓取參數,那你就在這邊填入對應的變數資料,務必「必要參數」一定要填上!如果你是有多產品資料的,務必要看第三集將資料轉成Tiktok相對的資料格式。如果你還沒有任何資料變數,也歡迎回去翻我的第一篇,Tiktok廣告電子商務埋設大全1 – 電子商務必要參數介紹及抓取

GTM必要設定

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

務必在埋設好變數後,在「進階設定」中,選擇先觸發BASECODE代碼。再觸發你的TIKTOK PIXEL代碼。這樣才確保每次事件發生,BASECODE第一觸發,接著才是PIXEL 代碼。

選擇觸發條件

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

選擇你埋設的對應事件,例如我這集講的「加入購物車」。因此我選擇「ATC」為啟動PIXEL回傳的條件。

查看有無埋設成功

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

前往GTM-DEBUG模式,查看代碼有無正確觸發,並且傳遞參數有無正確傳送。也可以至網站前台,新增一個TIKTOK PIXEL的CHOME 插件,查看網站是否有成功傳送資料。

確認TIKTOK廣告後台正確接收

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

於TIKTOK廣告系統後台,點選「Test Events」,這邊記錄網站所觸發的事件。你可以透過旁邊的QR CODE在你的手機端測試,但如果你想要在電腦端測試。

QR CODE SCANNER CHOME 插件

透過上面的QR插件,他可以讀取瀏覽器中的QRCODE,你就可以讀取上面的QR CODE測試,並且直接在電腦中測試。如果你的事件沒有「橘色驚嘆號」,而是像上面範例圖的一個事件名稱 (黑色字體),那就表示網站傳送的事件成功;後台接收的資料也正確。

本篇文章透過「SHOPLINE」開店平台作為埋設。如果你的網站是不同平台,記得要對應前台,做不同的程式碼改變,或是變數的抓取變更。

error: