從2023年7月1日開始,谷歌分析將停用老版本 Universay Analytics,也就是 UA 或者 GA3, 全面改用 GA4。上一篇我們已經提到 Shopfiy 后臺有兩種綁定 GA4的方法,直接綁定我們已經寫過,這里我們來講怎么通過 GTM 綁定 GA4。
GTM 也就是 Google Tag Manager 谷歌標簽管理器,想知道什么是 GTM 和為什么要使用 GTM, 參考這篇文章:什么是谷歌代碼管理工具以及如何使用。這里假設你已經有了 GTM 賬號,并且有了自己網站所屬的 GTM Container。
接下來,我們在 Shopify 后臺安裝 GTM 代碼。
首先,復制這段代碼,我們只用第一段代碼。第二段代碼一般很少會行使功能,它是為了如果用戶登錄網站的設備不支持 javascripts 的情況下也能保證 GTM 功能而存在的。
圖片來源:GTM 后臺截圖
打開 Shopify后臺,找到 Online Store-Themes-Edit Code, 并找到 theme.liquid 文件,將這段代碼粘貼到緊鄰<head>的位置。
圖片來源:Shopify 后臺截圖
這里我們就將 GTM Container功能添加到我們的普通網頁中了,不過我們還要把它添加到付款流程網頁中。如果你用的是 Shopify Plus,需要找到 checkout.liquid 這個文件,也是同樣的步驟粘貼代碼。但是如果你用的是 Shopify Stantard 版本,checkout.liquid 這個文件是無法編輯的,那么去 Shopify 后臺找到 Settings—Checkout, 網頁翻到下面找到Order status page, 同樣粘貼這段代碼。
圖片來源:Shopify 后臺截圖
接下來我們使用谷歌官方插件 Google Channal 給我們的網站添加 Data Layer, 這樣當用戶查看某個網頁,加入購物車,開始付款流程,Data Layer就可以抓到相應的數據。
圖片來源:Shopify App Store 截圖
安裝之后需要綁定你的谷歌賬號,這里我們選擇你用來投放廣告,或者你打算用來投放廣告的谷歌賬號。同時 Google Channel 會讓你選擇連接自己的 Google Ads賬號,如果你不想投放谷歌廣告,這里可以創建一個新的 Google Ads 賬號,在填付款信息那里跳過就可以,也就是建一個空Google Ads賬號就可以。
設置好Google Channel 之后,我們來檢查一下Data Layer 有沒有設置好,回到 GTM中,選擇 Preview,連接我們的網站。
圖片來源:GTM 后臺截圖
在網站上點擊任意商品并添加購物車,我們可以在 GTM 中看到這個動作并看到被抓取的 Data Layer 數據。
圖片來源:GTM 后臺截圖
接下來我們就可以連接 GTM 和 GA4了。
圖片來源:GTM 后臺截圖
之后Trigger 我們選擇 All Pages。
圖片來源:GTM 后臺截圖
我們再新建一個 Tag,這一次選擇 GA4 Event。
圖片來源:GTM 后臺截圖
Configuration Tag 選擇我們剛剛創建的 GA4 Configuration 標簽。
圖片來源:GTM 后臺截圖
Event Name 直接選擇 Event, 這會將我們 Data Layer 的 Event Name 直接用在傳輸給 GA4的數據里。之后點擊 More Settings, 把Send Ecommerce data 勾選,Data source 選擇 Data Layer。
圖片來源:GTM 后臺截圖
然后我們給這個 GA4 Event Tag 創建 Trigger,我們不能用已有的 trigger 類型,因為這是一個專門抓取 E-commerce 動作的 Trigger, 我們選擇加號,自己新建一個,并選擇 Custom Event。
圖片來源:GTM 后臺截圖
然后復制并粘貼下面這串代碼:
view_item|view_item_list|select_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_payment_info|add_shipping_info|purchase
最后我們要發布最新GTM的版本,回到 GTM, 點擊Submit,并給它一個名字點擊保存就可以了。
圖片來源:GTM 后臺截圖
(來源:谷歌營銷Tao)
以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?