聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|GA4電商埋設1|電商必要參數抓取
GTM

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。如果你是其他網站,可能變數會與我的不同。記得要依照你網站的資料做對應的變更才行。

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

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