GTM 進階電子商務- 讓WordPress 電商網站的購物行為

將WordPress 的購物車網站，安裝 Google Tag Manager for WordPress 外掛 ... 即可將消費者在購物車網站的行為回傳到Google Analytics(以下簡稱GA )。

高嘉松Andy 2021-05-30 WordPress技術分享/Google技術分享/GTM教學/技術文章 當我們開啟 GoogleAnalytics 的加強型電子商務報表功能時， GoogleAnalytics 將會蒐集購物車網站的資訊，並顯示於轉換中的購物行為報表，我們可以透過購物行為報表，了解消費者在哪一個工作階段中放棄購物的比例最高，參考這些數據後，查看網站是否還有可以改善的地方。

購物行為總共分為五個階段，如下圖：1、所有工作接段2、所有瀏覽產品的工作階段3、有放進購物車的工作階段4、有結帳的工作階段5、發生交易的工作階段經由 WordPress 製作的電商網站，我們可以安裝 GoogleTagManagerforWordPress 外掛，並開啟加強型電子商務追蹤功能，即可將消費者在購物車網站的行為回傳到GoogleAnalytics(以下簡稱GA)。

但小編發現一個問題，安裝這個外掛雖然可以從轉換看到購物行為、結帳行為以及產品業績，但是在購物行為中，在『有放進購物車的工作階段(addToCart)』是接收不到數據的，如下圖。

(GoogleTagManagerforWordPress開啟加強型電子商務)(GoogleAnalytics購物行為)因此小編花了一些時間找尋問題，才發現原來 GoogleTagManagerforWordPress 的官方網站，有提到如果需要在GA中完成顯示購物行為的話，必須在GTM上多加兩個觸發事件及代碼，參考官方網站設定新增並測試過後，報表真的就會顯示第三階段了，因此才會有此篇教學，此篇教學設定僅適用於 GA3 。

文章目錄設定兩組觸發條件1、新增觸發條件『Event–EcommerceEvents』2、新增觸發條件『Event–EcommerceProductImpressions』3、確認完成新增2個觸發條件新增GTM代碼-『GA-Event-EcommerceEvents』1、設定代碼2、設定觸發條件新增GTM代碼-『GA-Event-EcommerceProduct』1、設定代碼2、設定觸發條件贊助廣告發佈GoogleTagManager1、確認新增兩個代碼後，點選右上方「提交」2、輸入版本名稱->發佈等待發佈發佈成功頁面驗證GoogleAnalytics購物行為1、查看購物行為3、查看事件報表 設定兩組觸發條件 1、新增觸發條件『Event–EcommerceEvents』登入GTM後台，點擊新增觸發條件點選觸發條件設定往下找尋『自訂事件』，並選取在事件名稱中輸入『自訂事件』->將『自訂事件』打勾->命名觸發條件標題後，點擊儲存。

事件名稱代碼如下：gtm4wp.productClickEEC|gtm4wp.addProductToCartEEC|gtm4wp.removeFromCartEEC|gtm4wp.checkoutOptionEEC|gtm4wp.checkoutStepEEC|gtm4wp.changeDetailViewEEC|gtm4wp.orderCompletedEEC2、新增觸發條件『Event–EcommerceProductImpressions』新增方式與上方步驟1相同，只有事件觸發代碼不一樣事件名稱代碼如下：gtm4wp.productImpressionEEC3、確認完成新增2個觸發條件 新增GTM代碼-『GA-Event-EcommerceEvents』 1、設定代碼命名代碼標題『GA-Event–EcommerceEvents』->點選中間圖示選取『Googleanalytics(分析)-通用analytics(分析)』追蹤類型選擇『事件』依個人狀況填寫以下設定：1、類別填寫「Event」2、動作填寫「{{Event}}」3、標籤填寫「{{PagePath}}」將『在這個代碼中啟用複寫設定』打勾，接著點選追蹤標號旁邊的圖示，跳出視窗後，選取自己設定的『GA追蹤碼』點擊『電子商務』，將啟用加強型電子商務功能選取『是』，接著將『使用資料層』打勾2、設定觸發條件點擊下方『觸發條件』接著選取上一章節新增的『Event–EcommerceEvents』觸發條件確定觸發條件後，點擊『儲存』 新增GTM代碼-『GA-Event-EcommerceProduct』1、設定代碼新增的方式與上一章節相同，事件設定更改為：依個人狀況填寫以下設定：1、類別填寫「Ecommercehelper」2、動作填寫「{{Event}}」3、標籤填寫「{{PagePath}}」4、非互動匹配「是」2、設定觸發條件接著選取上一章節新增的『GA-Event–EcommerceProduct』觸發條件->點擊『儲存』 贊助廣告 發佈GoogleTagManager 1、確認新增兩個代碼後，點選右上方「提交」2、輸入版本名稱->發佈建議都要輸入版本名稱，這樣才可以清楚知道每次異動在做什麼，未來如果想要回復會比較容易，跳出視窗後點選繼續。

等待發佈此時給他一首歌的時間發佈成功頁面如果發佈成功，就會跳出剛剛發佈的相關資訊 驗證GoogleAnalytics購物行為※完成前幾個章節後，必須等待幾天，數據才會進入報表中1、查看購物行為登入GA後台，進入『轉換』項目中的『電子商務』，接著點選『購物行為』報表3、查看事件報表如果上面的步驟都有設定正確的話，右側欄位就會出現表單提交的事件GTM相關教學文章：GTM設定教學(一)-埋設GTMTracking追蹤碼GTM設定教學(二)-使用TagAssistant檢查GTM追蹤碼正常運作GTM設定教學(三)-將GoogleAnalyticsTracking設定至GTMGTM設定事件(一)-新增GA表單提交事件 高嘉松Andy✓擁有5年MIS經驗以及WordPress架站經驗✓製作知名品牌網站，如黃色小鴨、佳世達等網站✓熱愛研究網路服務、市場趨勢、用戶行為和動機✓熟悉工具：GA、GTM Facebook留言(總點閱次數:533,今日點閱數數:1)Tags:Google,GoogleTagManager,WordPress,Html,GoogleAnalytics,GA事件追蹤,網站行銷,GA分析,加強型電子商務,購物行為分享文章 繼續閱讀 前一則文章GTM設定事件(一)–新增GA表單提交事件下一則文章Woocommerce購物車教學–在訂單上顯示PST以及GST兩種稅率 你可能也喜歡 GoogleTagManager設定教學(三)–將GoogleAnalyticsTracking設定至GTM2019-07-02Woocommerce購物車教學–在訂單上顯示PST以及GST兩種稅率2021-06-14GoogleTagManager設定教學(一)–埋設GTMTracking追蹤碼2019-06-26 近期文章Woocommerce購物車教學–在訂單上顯示PST以及GST兩種稅率GTM進階電子商務–讓WordPress電商網站的購物行為，完整顯示於GoogleAnalyticsGTM設定事件(一)–新增GA表單提交事件WordPressTop10熱門文章外掛–使用Top10在文章資訊欄上增加瀏覽人次Elementor文章列表教學-使用PostsTablewithSearch&Sort及elementor先列出文章日期再列出文章標題安裝Certbot工具，與Let’sEncrypt申請SSL金鑰憑證，自動更新SSL憑證-Centos7+Certbot分類WordPress技術分享Google行銷資訊GoogleTagManagerCIS設計Google技術分享GTM教學FaceBook最新資訊Linux分享文章GoogleAds產業新聞YouTube行銷資訊技術文章推薦外掛 推薦主題最新文章GTM進階電子商務–讓WordPress電商網站的購物行為，完整顯示於GoogleAnalytics2021-05-30/0Comments GTM設定事件(一)–新增GA表單提交事件2020-04-06/0Comments WordPressTop10熱門文章外掛–使用Top10在文章資訊欄上增加瀏覽人次2020-01-27/0Comments 聯絡資訊Address:104台北市中山區南京東路三段219號9樓(多普林商務中心)E-mail:[email protected]友站連結1on1全球家教共享平台 Copyright2021©AllrightsReserved. Home 服務項目網頁製作 系統維護 平面設計&商業設計 CIS企業識別 作品案例平面設計 形象官網 購物車網站 一頁式活動頁 數位廣告素材 CIS企業識別 BLOG產業新聞 Google行銷資訊 FaceBook最新資訊 技術文章Google技術分享 Linux分享文章 WordPress技術分享 About Contact 你想找什麼 ClosePanel