文章彙整

Magento2 GA & GTM 電子商務追蹤設定

Astral WebBy Astral Web 3 weeks agoNo Comments
首頁  /  Magento  /  Magento2 開源版  /  Magento2 GA & GTM 電子商務追蹤設定

想到要在Magento2埋入GA的追蹤碼,我們很直覺的會想到在後台Store – Configuration – Sale – Google API,並將GA的ID填入就大功告成!但我們在實務上進行設定時,發現依照這步驟設定完,在GA左側選單Conversion – Shopping Behavior、Checkout Behavior裡行銷漏斗的資料會不齊全,所以在這邊要與大家分享完整的Magento 2 GA & GTM電子商務追蹤設定方式,讓使用Magento2的你們不漏接客人在網站上所有的消費行為呀!

  1. GA Site search Tracking 設定
  2. GA Ecommerce 設定
  3. GTM 容器建立
  4. GA & GTM 連動設定
  5. Magento 後台設定 & 測試

GA Site search Tracking 設定

開始講解設定之前,先說明該功能是透過GA來追蹤消費者在網站使用站內搜尋找尋的關鍵字紀錄,好處是可以透過GA更了解消費者們最常在網站上搜尋什麼樣的關鍵字,進而知道那個時期可能的熱賣商品,最後依據此數據來優化當時的行銷策略。

設定的步驟如下:

  1. 開啟Google Analytics後點擊左下角admin選單
  2. 選擇最右側的view類別底下的 view setting
  3. 滑鼠往下滑至Site search Tracking & Query parameter
    a. 開啟Site search Tracking功能
    b. Query parameter 欄位輸入q

完成設定後如消費者有在網站前台進行站內搜索,搜索的字詞就會被GA給紀錄,查詢步驟如下

  1. Behavior
  2. Site Search
  3. Search Terms
  4. 選擇要查詢的日期
  5. 消費者站內搜尋的字詞列表

GA Ecommerce 設定

再來要介紹的是GA電子商務設定的介紹,這一段的設定會記錄在左側選單Conversions – Ecommerce – Checkout Behavior裡,因為在Magento結帳頁的結帳流程,主要就是分為2個部分,第一步是Shipping,第二步則是Payment,這個設定主要是追蹤消費者在網站上到Checkout Page的紀錄。

設定的步驟如下:

  1. 點擊左下方admin選單
  2. 找到最右側view section,點擊底下的Ecommere Settings
  3. 開啟Enable Ecommerce
  4. 開啟Enable Enhanced Ecommerce Reporting
  5. Checkout label 底下新增 Shipping label
  6. Checkout label 底下新增 Payment label
  7. 完成所有設定後按下儲存按鈕,並重新整理頁面就完成啦!

完成後再把GA的Tracking ID記錄下來即可,找到Tracking ID的步驟如下

  1. 點擊左下方admin選單
  2. 找到中間Property section,點擊底下的Tracking info
  3. Tracking info裡的Tracking code
  4. 找到Tracking ID即為該GA帳號的Tracking ID,待會會需要將這個值輸入到GTM裡

以上兩大步驟為GA上的所有設定。

GTM 容器建立

首先先開啟Google Tag Manager並建立容器,建立容器如下

  1. 點擊 admin
  2. 輸入Account name (可輸入品牌的名稱)
  3. 選擇國家 (該品牌主要要在哪個國家推廣)
  4. 輸入該容器名稱 (填入網站首頁網址即可)
  5. 類型選擇Web
  6. 完成以上欄位填寫後,點擊create即可建立GTM容器

GA & GTM 連動設定

在講解這一塊設定之前,讀者們要先到Magento官方文件裡下載Jason.txt檔,之後要再將此檔案匯入到GTM才可以完成GTM這一段的設定。

Magento GTM設定官方文件:https://bit.ly/3qZDEAF

  1. 進到文件後滑鼠下滑到Step 2,滑鼠右鍵點擊GTM_M2_Config_jason.txt
  2. 點擊Save link as,把檔案下載下來

在回到GTM,進行檔案匯入設定

  1. 點擊上方Admin選單
  2. 點擊Import Container
    PS:如是幫助客戶設定,記得要提醒客戶將要設定帳號的權限開到最高喔,不然Import這個選項不會出現

  3. 點擊檔案上傳按鈕,選擇剛剛下載的Jason.txt檔
  4. 點擊Existing按鈕
  5. 選擇default workspace

    完成剛剛default workspace的設定後,點擊下方View Detail Changes 展開細節,在這個部分不用進行設定,但我簡單說明一下Triggers & Tags的定義
  6. Triggers 紀錄消費者在Magento網站上的行為,例如:加入購物車
  7. Tags 對應Triggers的標籤
    情境流程:消費者在Magento網站上進行加入購物車的行為,這時候就會Trigger add to cart這個值,並在將這個值送到Google Analytics,至於GA判斷這個值的依據就來自於Tag的定義,以我舉的例子來說,這時候GA就會判斷這個值是消費者加入購物車的這個行為,因此GA就會將消費者加入購物車行為的數據紀錄在GA裡
  8. 最後點擊下方的Confirm按鈕即完成設定
    再回到GTM該容器首頁

  9. 點擊左側選單Variables
  10. 點擊下方User-Defined Variables Section 裡的 Google Analytics
  11. 將Google Analytics的Tracking ID輸入,並點擊右上角Save按鈕儲存
    PS:可參考第二段的最後一步 (GA Tracking ID)
  12. 完成以上設定後點擊右上角的Publish按鈕
  13. 輸入該Variables的名稱
  14. 完成後點擊右上角的Publish進行發布

GTM 的設定就大功告成了!! 再來我們只要進行最後的Magento設定就完成了!

Magento後台設定 & 測試

將GA & GTM設定好了之後,最後一步就是要在Magento後臺設定要去抓取哪個GTM容器的設定,設定步驟如下:

  1. 點擊左側選單Store – Configuration
  2. 點擊Sale Tab
  3. 點擊下方的Google API
  4. 從Scope選擇要設定的站別 (剛剛GTM容器設定的網址)
  5. 開啟Google api開關,Enable選yes
  6. Account type 選擇 Google Tag Manager
  7. Container id:到GTM – Admin – install Google Tag Manager – 將GTM代碼填入這個欄位 (可參考下圖)
  8. 完成後點擊右上角Save按鈕儲存即可
    PS:設定完記得到system cache management把快取清掉

最後去設定好的網站進行下單測試,可以不用真的下一張單,有執行加到購物車,進到結帳頁這些動作就會Trigger GTM裡的設定,並將這些資料送到Google Analytics,最後到GA左側選單Conversions – Ecommerce – Shopping Behavior & Checkout Behavior 進行行銷漏斗的資料確認即可,有設定成功,在行銷漏斗裡的每個步驟都會被記錄到,可參考下圖。

Shopping Behavior

Checkout Behavior

相信讀者們看到這對於Magento2 GA電子商務的概念與設定,已經具備一定程度的了解!希望這篇文章能幫助到您!歐斯瑞的讀者們記得追蹤粉絲團IG,更別忘了訂閱我們的電子報,隨時掌握第一手新知分享喔!有任何問題也歡迎隨時聯絡我們

 

 

 000

推薦文章

Categories:
  Magento2 開源版MagentoMagento2 商業版電子商務

留下回應

你的電子郵件地址不會被公開.