GTM教學｜推薦GTM範本｜全新DataLayer寫入方式

2023年7月，Google Analytics UA即將進入停止處理資料，4-5月這期間，看到許多人詢問關於自行串接電子商務的問題。除了要寫入客製電子商務事件的資料外，還得要測試GA4那邊是否有成功處理資料，順利顯示報表。這篇主題為使用「GTM實用範本」，可以 讓我們直接在網站做DataPush的動作 ，節省行銷人員不懂程式碼的成本，也省去寫JS的時間，以及降低程式碼錯誤率。

如果你是想要學習電子商務事件，廣告事件資料回傳。可以查閱以下清單

• Facebook CAPI設定
• GA4 - 電子商務埋設
• TIKTOK-廣告事件追蹤
• 伺服器追蹤設定

搜尋範本資料庫

點選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的電子商務事件 等。