
GTM教學|GA4電商埋設1|電商必要參數抓取
Tiktok廣告追蹤參數,類似於臉書Facebook Pixel, 其中Tiktok的參數使用Content為KEY值 。因此如果你的網站是使用開店平台,且原本就有push指定DataLayer至你的GTM中,那麼你的重點就是查看,D ataLayer有無與Tiktok所需要KEY值一樣 ,如果沒有,就需要跑JS的For迴圈,將資料的Key值進行更換。 本次系列TIKTOK抖音廣告電子商務埋設教學。一共會規劃3集,並且規劃成文章、Youtube內容。 Tiktok廣告追蹤埋設, 流程為網站資料-> GTM-DataLayer ->GTM代碼 -> TIKTOK廣告後台。 Tiktok廣告電子商
Tiktok廣告追蹤參數,類似於臉書Facebook Pixel, 其中Tiktok的參數使用Content為KEY值 。因此如果你的網站是使用開店平台,且原本就有push指定DataLayer至你的GTM中,那麼你的重點就是查看,D ataLayer有無與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可能會與我示範的不同,因此還是要對應你的後台資料,做相對應的調整變動。
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。如果你是其他網站,可能變數會與我的不同。記得要依照你網站的資料做對應的變更才行。
需要任何協助嗎?
最快一個工作天將與您聯繫。
其他文章推薦
查看更多 →
【成功案例】修復GA4 網店總收益落差
台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。