Dspyder數位黑客|GTM教學|GA4教學

2024-GTM基礎教學|推薦GTM範本 1| 電子商務埋設必看,你沒想過的DataLayer寫入方式

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

error: