Magento2 GA & GTM 電子商務追蹤設定 - 歐斯瑞
文章推薦指數: 80 %
GA Site search Tracking 設定 · GA Ecommerce 設定 · GTM 容器建立 · GA & GTM 連動設定 · Magento 後台設定& 測試 ...
RecentPosts
Magento2商業版實用功能教學–排程更新
Magento2促銷功能小技巧–簡化多SKU輸入步驟
Magento2商業版實用功能教學–禮物登記表GiftRegistries
前端開發:使用@supports來檢查瀏覽器支援性
前端開發:解決sliderjs垂直滑動時出現的高度問題
文章分類
Shopify
Magento
Magento2開源版
Magento2商業版
電子商務
Zendesk
Mailchimp
Akeneo
PIM
Oracle
網站技術與設計
Adobe教學
前端開發
後端開發
網站測試
Wordpress
行銷與實用好文
最新動向
文章彙整文章彙整
SelectMonth
July2022 (1)
June2022 (2)
May2022 (7)
April2022 (5)
March2022 (12)
February2022 (4)
January2022 (1)
December2021 (6)
November2021 (1)
October2021 (7)
September2021 (7)
August2021 (11)
July2021 (7)
June2021 (14)
May2021 (11)
April2021 (6)
March2021 (6)
February2021 (12)
January2021 (8)
December2020 (13)
November2020 (7)
October2020 (15)
September2020 (7)
August2020 (14)
July2020 (2)
June2020 (17)
May2020 (14)
April2020 (17)
March2020 (21)
February2020 (4)
January2020 (2)
December2019 (4)
November2019 (3)
October2019 (7)
September2019 (11)
August2019 (13)
July2019 (2)
June2019 (10)
May2019 (14)
April2019 (11)
March2019 (8)
February2019 (9)
January2019 (14)
December2018 (16)
November2018 (20)
October2018 (22)
September2018 (30)
August2018 (22)
July2018 (36)
June2018 (24)
May2018 (21)
April2018 (12)
March2018 (32)
February2018 (15)
January2018 (15)
December2017 (39)
November2017 (15)
October2017 (13)
September2017 (13)
August2017 (14)
July2017 (4)
June2017 (16)
May2017 (15)
April2017 (9)
March2017 (7)
February2017 (6)
January2017 (12)
December2016 (14)
November2016 (6)
October2016 (12)
September2016 (11)
August2016 (18)
July2016 (12)
June2016 (16)
May2016 (9)
April2016 (10)
March2016 (15)
February2016 (14)
January2016 (18)
December2015 (21)
November2015 (32)
October2015 (24)
September2015 (28)
August2015 (25)
July2015 (26)
June2015 (23)
May2015 (15)
April2015 (18)
March2015 (16)
February2015 (21)
January2015 (17)
December2014 (22)
November2014 (20)
October2014 (15)
September2014 (13)
August2014 (11)
July2014 (12)
June2014 (9)
May2014 (10)
April2014 (11)
March2014 (6)
January2014 (1)
November2013 (5)
October2013 (2)
關於歐斯瑞
Back
工作機會
Magento
Back
Magento解決方案
Back
Magento服務
MagentoOpenSource
MagentoCommerce
MagentoCommerceCloud
MagentoOMS
MagentoXMiraklB2B2C商城
MagentoforB2B/B2E
Magento內部系統串接
Back
ERP管理系統整合
PIM商品管理系統整合
POS系統整合
CRM客戶管理系統整合
Magento外部系統串接
Back
各國金流系統
第三方客服系統
Magento健檢中心
Back
Magento1升級Magento2
Magento維運服務
MagentoforHeadless&PWA
Back
MagentoforHeadless&PWA
Shopify
企業電商顧問
Back
電商轉換率分析CRO
網站速度優化
AWS主機伺服器建置維運服務
成功經驗
Back
客戶成功案例
客戶回饋
新知分享
Back
Magento
Shopify
聯絡我們
Magento2GA>M電子商務追蹤設定ByAstralWeb8monthsagoNoComments首頁 / Magento / Magento2開源版 / Magento2GA>M電子商務追蹤設定
想到要在Magento2埋入GA的追蹤碼,我們很直覺的會想到在後台Store–Configuration–Sale–GoogleAPI,並將GA的ID填入就大功告成!但我們在實務上進行設定時,發現依照這步驟設定完,在GA左側選單Conversion–ShoppingBehavior、CheckoutBehavior裡行銷漏斗的資料會不齊全,所以在這邊要與大家分享完整的Magento2GA>M電子商務追蹤設定方式,讓使用Magento2的你們不漏接客人在網站上所有的消費行為呀!
GASitesearchTracking設定
GAEcommerce設定
GTM容器建立
GA>M連動設定
Magento後台設定&測試
GASitesearchTracking設定
開始講解設定之前,先說明該功能是透過GA來追蹤消費者在網站使用站內搜尋找尋的關鍵字紀錄,好處是可以透過GA更了解消費者們最常在網站上搜尋什麼樣的關鍵字,進而知道那個時期可能的熱賣商品,最後依據此數據來優化當時的行銷策略。
設定的步驟如下:
開啟GoogleAnalytics後點擊左下角admin選單
選擇最右側的view類別底下的viewsetting
滑鼠往下滑至SitesearchTracking&Queryparameter
a.開啟SitesearchTracking功能
b.Queryparameter欄位輸入q
完成設定後如消費者有在網站前台進行站內搜索,搜索的字詞就會被GA給紀錄,查詢步驟如下
Behavior
SiteSearch
SearchTerms
選擇要查詢的日期
消費者站內搜尋的字詞列表
GAEcommerce設定
再來要介紹的是GA電子商務設定的介紹,這一段的設定會記錄在左側選單Conversions–Ecommerce–CheckoutBehavior裡,因為在Magento結帳頁的結帳流程,主要就是分為2個部分,第一步是Shipping,第二步則是Payment,這個設定主要是追蹤消費者在網站上到CheckoutPage的紀錄。
設定的步驟如下:
點擊左下方admin選單
找到最右側viewsection,點擊底下的EcommereSettings
開啟EnableEcommerce
開啟EnableEnhancedEcommerceReporting
Checkoutlabel底下新增Shippinglabel
Checkoutlabel底下新增Paymentlabel
完成所有設定後按下儲存按鈕,並重新整理頁面就完成啦!
完成後再把GA的TrackingID記錄下來即可,找到TrackingID的步驟如下
點擊左下方admin選單
找到中間Propertysection,點擊底下的Trackinginfo
Trackinginfo裡的Trackingcode
找到TrackingID即為該GA帳號的TrackingID,待會會需要將這個值輸入到GTM裡
以上兩大步驟為GA上的所有設定。
GTM容器建立
首先先開啟GoogleTagManager並建立容器,建立容器如下
點擊admin
輸入Accountname(可輸入品牌的名稱)
選擇國家(該品牌主要要在哪個國家推廣)
輸入該容器名稱(填入網站首頁網址即可)
類型選擇Web
完成以上欄位填寫後,點擊create即可建立GTM容器
GA>M連動設定
在講解這一塊設定之前,讀者們要先到Magento官方文件裡下載Jason.txt檔,之後要再將此檔案匯入到GTM才可以完成GTM這一段的設定。
MagentoGTM設定官方文件:https://bit.ly/3qZDEAF
進到文件後滑鼠下滑到Step2,滑鼠右鍵點擊GTM_M2_Config_jason.txt
點擊Savelinkas,把檔案下載下來
在回到GTM,進行檔案匯入設定
點擊上方Admin選單
點擊ImportContainer
PS:如是幫助客戶設定,記得要提醒客戶將要設定帳號的權限開到最高喔,不然Import這個選項不會出現
點擊檔案上傳按鈕,選擇剛剛下載的Jason.txt檔
點擊Existing按鈕
選擇defaultworkspace
完成剛剛defaultworkspace的設定後,點擊下方ViewDetailChanges展開細節,在這個部分不用進行設定,但我簡單說明一下Triggers&Tags的定義
Triggers紀錄消費者在Magento網站上的行為,例如:加入購物車
Tags對應Triggers的標籤
情境流程:消費者在Magento網站上進行加入購物車的行為,這時候就會Triggeraddtocart這個值,並在將這個值送到GoogleAnalytics,至於GA判斷這個值的依據就來自於Tag的定義,以我舉的例子來說,這時候GA就會判斷這個值是消費者加入購物車的這個行為,因此GA就會將消費者加入購物車行為的數據紀錄在GA裡
最後點擊下方的Confirm按鈕即完成設定
再回到GTM該容器首頁
點擊左側選單Variables
點擊下方User-DefinedVariablesSection裡的GoogleAnalytics
將GoogleAnalytics的TrackingID輸入,並點擊右上角Save按鈕儲存
PS:可參考第二段的最後一步(GATrackingID)
完成以上設定後點擊右上角的Publish按鈕
輸入該Variables的名稱
完成後點擊右上角的Publish進行發布
GTM的設定就大功告成了!!再來我們只要進行最後的Magento設定就完成了!
Magento後台設定&測試
將GA>M設定好了之後,最後一步就是要在Magento後臺設定要去抓取哪個GTM容器的設定,設定步驟如下:
點擊左側選單Store–Configuration
點擊SaleTab
點擊下方的GoogleAPI
從Scope選擇要設定的站別(剛剛GTM容器設定的網址)
開啟Googleapi開關,Enable選yes
Accounttype選擇GoogleTagManager
Containerid:到GTM–Admin–installGoogleTagManager–將GTM代碼填入這個欄位(可參考下圖)
完成後點擊右上角Save按鈕儲存即可
PS:設定完記得到systemcachemanagement把快取清掉
最後去設定好的網站進行下單測試,可以不用真的下一張單,有執行加到購物車,進到結帳頁這些動作就會TriggerGTM裡的設定,並將這些資料送到GoogleAnalytics,最後到GA左側選單Conversions–Ecommerce–ShoppingBehavior&CheckoutBehavior進行行銷漏斗的資料確認即可,有設定成功,在行銷漏斗裡的每個步驟都會被記錄到,可參考下圖。
ShoppingBehavior
CheckoutBehavior
相信讀者們看到這對於Magento2GA電子商務的概念與設定,已經具備一定程度的了解!希望這篇文章能幫助到您!歐斯瑞的讀者們記得追蹤粉絲團及IG,更別忘了訂閱我們的電子報,隨時掌握第一手新知分享喔!有任何問題也歡迎隨時聯絡我們。
RecentPosts
Magento2商業版實用功能教學–排程更新
Magento2促銷功能小技巧–簡化多SKU輸入步驟
Magento2商業版實用功能教學–禮物登記表GiftRegistries
前端開發:使用@supports來檢查瀏覽器支援性
前端開發:解決sliderjs垂直滑動時出現的高度問題
文章分類
Shopify
Magento
Magento2開源版
Magento2商業版
電子商務
Zendesk
Mailchimp
Akeneo
PIM
Oracle
網站技術與設計
Adobe教學
前端開發
後端開發
網站測試
Wordpress
行銷與實用好文
最新動向
文章彙整文章彙整
SelectMonth
July2022 (1)
June2022 (2)
May2022 (7)
April2022 (5)
March2022 (12)
February2022 (4)
January2022 (1)
December2021 (6)
November2021 (1)
October2021 (7)
September2021 (7)
August2021 (11)
July2021 (7)
June2021 (14)
May2021 (11)
April2021 (6)
March2021 (6)
February2021 (12)
January2021 (8)
December2020 (13)
November2020 (7)
October2020 (15)
September2020 (7)
August2020 (14)
July2020 (2)
June2020 (17)
May2020 (14)
April2020 (17)
March2020 (21)
February2020 (4)
January2020 (2)
December2019 (4)
November2019 (3)
October2019 (7)
September2019 (11)
August2019 (13)
July2019 (2)
June2019 (10)
May2019 (14)
April2019 (11)
March2019 (8)
February2019 (9)
January2019 (14)
December2018 (16)
November2018 (20)
October2018 (22)
September2018 (30)
August2018 (22)
July2018 (36)
June2018 (24)
May2018 (21)
April2018 (12)
March2018 (32)
February2018 (15)
January2018 (15)
December2017 (39)
November2017 (15)
October2017 (13)
September2017 (13)
August2017 (14)
July2017 (4)
June2017 (16)
May2017 (15)
April2017 (9)
March2017 (7)
February2017 (6)
January2017 (12)
December2016 (14)
November2016 (6)
October2016 (12)
September2016 (11)
August2016 (18)
July2016 (12)
June2016 (16)
May2016 (9)
April2016 (10)
March2016 (15)
February2016 (14)
January2016 (18)
December2015 (21)
November2015 (32)
October2015 (24)
September2015 (28)
August2015 (25)
July2015 (26)
June2015 (23)
May2015 (15)
April2015 (18)
March2015 (16)
February2015 (21)
January2015 (17)
December2014 (22)
November2014 (20)
October2014 (15)
September2014 (13)
August2014 (11)
July2014 (12)
June2014 (9)
May2014 (10)
April2014 (11)
March2014 (6)
January2014 (1)
November2013 (5)
October2013 (2)
00000
歐斯瑞-一個對網路世界充滿熱情的團隊
歐斯瑞提供免費電商知識,並協助各大類型之企業
電商諮詢建置與
Magento和
Shopify相關的電商專案。
立即聯繫我們
上一篇文章什麼?開源版也有PageBuilder了!PageBuilder功能介紹(上)下一篇文章MagentoPhpStormPlugin(上)推薦文章Magento2商業版實用功能教學–排程更新2022-07-13 0Magento2促銷功能小技巧–簡化多SKU輸入步驟2022-06-17 0Magento2商業版實用功能教學–禮物登記表GiftRegistries2022-06-13 0Magento2開發–設置排程群組2022-05-20 0Categories: Magento2開源版MagentoMagento2商業版電子商務Tags: googleanalytics,Magento,電子商務,Magento2,Magento2Commerce,Magento2開源版,Magento2商業版,Magento2OpenSource,Magento2Community,Magento2Enterprise,Magento2企業版,Magento2社群版
留下回應取消回覆
你的電子郵件地址不會被公開.姓名*
電子郵件*
網站
維運服務
延伸文章資訊
- 1【GTM進階篇】如何用GTM設定GA電子商務追蹤 - papaya tsai
完成這樣的設定,等於我們全面改用GTM管理追蹤工具,也避免了GA與GTM code衝突的可能性!。 這篇文章就要探討,如何利用GTM 來設定GA 電子商務追蹤。 其實 ...
- 2Google Tag Manager 教學,一篇搞懂如何設定和管理網站追蹤碼
另外,你也可以透過GA Checker來檢查Google各項追蹤工具的埋設,而GA Checker 主要偵測的項目包括:. Google Analytics (ga.js); Google An...
- 3【GTM進階教學】如何透過GTM設定及追蹤GA事件? - Tim Li
而今天的這篇文章,主要是想要跟大家分享,如何不用透過複雜的程式碼,而透過GTM來設定及追蹤「網站事件」,並呈現在GA報表上。
- 4【GTM入門教學】學會Google Tag Manager,輕鬆管理網站 ...
因為我們想在GA 報表當中得知使用者在我們整個網站的瀏覽情況,因此追蹤類型要選擇網頁瀏覽,接著在Google Analytics (分析) 設定下拉選單選擇「新增變數 ...
- 5Magento2 GA & GTM 電子商務追蹤設定 - 歐斯瑞
GA Site search Tracking 設定 · GA Ecommerce 設定 · GTM 容器建立 · GA & GTM 連動設定 · Magento 後台設定& 測試 ...