Tiktok廣告追蹤參數，類似於臉書Facebook Pixel，其中Tiktok的參數使用Content為KEY值。因此如果你的網站是使用開店平台，且原本就有push指定DataLayer至你的GTM中，那麼你的重點就是查看，DataLayer有無與Tiktok所需要KEY值一樣，如果沒有，就需要跑JS的For迴圈，將資料的Key值進行更換。
本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集，並且規劃成以下內容。
這一篇為GTM埋設TIKTOK廣告的第二篇 – GTM的實戰埋設，我們會專注上一集講的必要參數，透過TIKTOK官方代碼範本，進行GTM的實戰埋設，所以務必先確認自己的GTM是否有「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插件，他可以讀取瀏覽器中的QRCODE，你就可以讀取上面的QR CODE測試，並且直接在電腦中測試。如果你的事件沒有「橘色驚嘆號」，而是像上面範例圖的一個事件名稱 (黑色字體)，那就表示網站傳送的事件成功；後台接收的資料也正確。
本篇文章透過「SHOPLINE」開店平台作為埋設。如果你的網站是不同平台，記得要對應前台，做不同的程式碼改變，或是變數的抓取變更。
更多文章
Looker Studio
- Looker Studio教學｜Looker Studio 公式｜電商指標
- Looker Studio教學｜5個Looker Studio 混和資料功能
- Looker Studio 教學｜指標維度是甚麼
- Looker Studio 教學｜數據工程師帶你從0學Looker Studio
- Looker Studio教學｜導入臉書廣告數據｜Adveronix 免費工具
GA4
- GA4教學｜ 數據保留多久? 延長GA4數據保留時間?
- GA4教學｜Measurment Protocol 實例
- GA4教學｜GA4 如果有Not Set該怎麼辦
- GA4教學｜GA4閾值門檻｜GA4資料不正確
- GA4教學｜GA4常見來源判定順序
- GA4教學｜如何處理GA4重複事件
- GA4教學｜自訂探索報表使用解說介紹｜洞察來源unassigned
- GA4教學｜GA4報表出現Unassigned如何解決
- GA4教學｜排除金物流網域｜Referrer必備知識
- GA4教學｜ 一定要知道的GA4資料設定
GTM
- GTM教學｜GTM觸發條件常失敗
- GTM教學｜設定 Consent Mode 同意聲明模式
- GTM教學｜GTM問題總整理
- GTM教學｜設定臉書像素｜常見Meta問題總整理
- GTM教學｜WordPress表單驗證事件｜GA4追蹤教學
- GTM教學｜手動設定GCP SERVER伺服器配置
- GTM教學｜臉書像素重複事件怎麼解決
- GTM教學｜GTM常用變數中文解說
- GTM教學｜伺服器追蹤｜自訂網域追蹤
- GTM教學｜伺服器追蹤教學4｜Http解說
- GTM教學｜追蹤來自部落格轉換成效
- GTM教學｜伺服器追蹤教學3 | Facebook轉換Capi設定
- GTM教學｜伺服器追蹤教學2 | GA4事件設定
- GTM教學｜伺服器追蹤教學 | 伺服器配置設定
- GTM教學｜Tiktok廣告電子商務埋設大全3｜廣告代碼埋設
- GTM教學｜Tiktok廣告電商埋設2
- GTM教學｜廣告電商埋設1｜電商必要參數抓取
- GTM教學｜電商埋設5｜GA4電商埋設
- GTM教學｜電子商務埋設大全4｜GA4電子商務完整埋設
- GTM教學｜GTM電商埋設3｜抓取ItemName
- GTM教學｜GTM電商埋設2｜抓取ItemID
- GTM教學｜電商埋設1｜抓取Value
- GTM教學｜提升廣告成效｜Adblocker阻擋原理
- GTM教學｜GTAG部署方式三大整理
- GTM教學｜Google Ads 強轉換 | 購買金額
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
- GTM教學｜AutoEvent追蹤使用者點選的圖片
- GTM教學｜CSS Selector抓取表格的值
- GTM教學｜了解網站熱門頁面｜GTM追蹤點擊事件
- GTM教學｜埋設事件｜確認GA4有無收到事件
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
- GTM教學｜3分鐘檢查GA4事件重複錯誤
- GTM教學｜GA4電子商務事件埋設範本
- GTM教學｜DOM抓取電商中的轉換價值
- GTM教學｜新的GTM容器一定要做這設定
- GTM教學｜設定GA4事件大全
- GTM教學｜推薦GTM範本｜全新DataLayer寫入方式
- GTM教學｜網站計時器埋設｜抓出使用者進站停留時間
- GTM教學｜如何辨別是否網站為SPA站
- GTM教學｜名單型網站追蹤｜Thankyou Page 填寫表單事件
- GTM教學｜網站通話追蹤｜臉書私訊、加LINE
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
BigQuery
- BigQuery教學｜BigQuery預測GA4數據
- BigQuery教學｜視覺化報表怎麼製作
- BigQuery教學｜基礎必備語法｜免費BigQuery資料導入
- BigQuery教學｜串接BIgQuery | BIgQuery費用