2023年7月，Google Analytics UA即將進入停止處理資料，4-5月這期間，看到許多人詢問關於自行串接電子商務的問題。除了要寫入客製電子商務事件的資料外，還得要測試GA4那邊是否有成功處理資料，順利顯示報表。這篇主題為使用「GTM實用範本」，可以讓我們直接在網站做DataPush的動作，節省行銷人員不懂程式碼的成本，也省去寫JS的時間，以及降低程式碼錯誤率。
如果你是想要學習電子商務事件，廣告事件資料回傳。可以查閱以下清單
章節內容
搜尋範本資料庫
點選GTM首頁左邊的「範本」進入，並點選右上方的新增範本。
注意，範本基本上都是由GOOGLE外的人員所開發，在選擇範本的時候，建議以作者旁邊有「綠色勾勾」、或是作者為該領域專業分享人士為主，以免網站資料外洩。
搜尋指定範本
開啟範本選單後，在右上方放大鏡搜尋datalayer，並找到我所貼的範本「dayaLayer Builder + Standard Ecommerce」。
建立新代碼
回到左邊選單區，點選新代碼，並找到剛剛新增的範本「dayaLayer Builder + Standard Ecommerce」。
鍵入EC指定資料
第一層的「Transaction Parameters」為交易事件常用的維度，在這邊如果你沒有看到你想要的，請去下方「Custom Parameters」新增自己想要的維度，例如「currency」。
Transaction Parameters的維度，有些並不符合官方文件要的資料，所以我個人會建議用Custom的維度，並參照官方文件進行埋設。其實我覺得這一個步驟有很多種用法，我習慣用這一個範本，push想要的DLV，再用變數抓取出來，放到其他事件中。傳送Transaction ID， CID 這邊基本上也可以直接辦到。
2024/0105 – 更新，會建議直接用GA4官方文件中的DLV參數名稱，來做推送的KEY值，另外也會建議直接用custom的維度，來進行資料的推送，因為此範本目前看起來沒有更新，因此key名稱可能會跟現在需要的名稱不符合需求。
詳情可以參考「GTM電子商務埋設大全1 – CSS Selector抓取Value，GA4電子商務完整代碼埋設」。
選取觸發條件
觸發條件選擇「自訂事件 – add_to_cart」。
如果你用不同的事件，記得這邊也要一併同步做修正。
測試並發布
最後別忘記測試結果，並將代碼發送出去，等待24-72個小時，以確保資料正確顯示在GA4當中。
總結
後續當你網站有對應的DataLayer時，就可以將網站資料做給對應的第三方平台事件收集，或是追蹤廣告轉換的價值，像是臉書廣告的轉換值、GA4的電子商務事件等。
更多文章
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費用