GTM教學｜Tiktok廣告電商埋設2

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

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

Tiktok廣告電子商務埋設大全1 - 電子商務必要參數介紹及抓取

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

Tiktok廣告電子商務埋設大全3 - 多商品資料格式

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

TikTok電子商務事件參照連結

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

TIKTOK廣告- GTM官方代碼 範本

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

Tiktok廣告追蹤埋設

複製TT廣告後台的BASECODE

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

貼上至GTM的HTML代碼

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

開啟TT埋設代碼

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

輸入ID&選擇事件

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

選擇埋設方式

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

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

Single Content - 單一產品

Multilple Contents - 多個產品

填入對應的DLV變數

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

GTM必要設定

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

選擇觸發條件

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

查看有無埋設成功

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

確認TIKTOK廣告後台正確接收

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

QR CODE SCANNER CHOME 插件

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

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