內(nèi)容大綱
一、功能介紹
二、功能門檻
三、配置
1. 創(chuàng)建GA4賬號；2. 安裝GTM代碼；3. 配置監(jiān)控變量；4. 配置觸發(fā)器；5. 配置監(jiān)控代碼；6. 預(yù)覽統(tǒng)計效果
四、數(shù)據(jù)查看
一、功能介紹
本教程展示如何通過Google Tag Manager（后文簡稱為GTM）來管理Google Analytics的代碼（后文簡稱為GA4）監(jiān)控統(tǒng)計。
【使用到的網(wǎng)站】
GTM：https://tagmanager.google.com
Google Tag Manager，中文翻譯為Google跟蹤代碼管理器，是用于統(tǒng)一管理所有追蹤代碼（如Google Ads、GA4）的平臺，單次配置成功后，后續(xù)事件不需要再修改網(wǎng)站代碼，是非常方便的管理工具。
如果您同時做谷歌廣告投放和搜索優(yōu)化，建議使用此平臺進行統(tǒng)一管理和監(jiān)控。
GA：https://analytics.google.com
Google Analytics，中文翻譯為谷歌分析，主要用于分析全站流量來源、用戶行為、頁面表現(xiàn)等，支持?jǐn)?shù)據(jù)驅(qū)動的優(yōu)化。
【溫馨提示】
1. Google系列的各平臺訪問可能需要海外VPN，國內(nèi)網(wǎng)絡(luò)無法訪問。我們平臺不提供海外VPN，需要您自行準(zhǔn)備。
2. GA4數(shù)據(jù)監(jiān)控常見的瀏覽器基本都能統(tǒng)計（如Chrome、360瀏覽器、Safari、Firefox、Edge等），但是客戶瀏覽器在安裝有統(tǒng)計截攔方案（如uBlock Origin可能屏蔽GA、360瀏覽器的“極速模式”可能默認(rèn)屏蔽跟蹤腳本、Safari的ITP會限制第三方Cookie等）時，GA4的監(jiān)控和實際數(shù)據(jù)可能會存在一定誤差。
大陸訪客沒有使用VPN的情況下，谷歌代碼也會加載失敗而導(dǎo)致無法統(tǒng)計。
一般情況下，我們會認(rèn)為管理后臺統(tǒng)計的概況數(shù)據(jù)會更為可信，請根據(jù)實際情況選擇或使用多個數(shù)據(jù)來輔助您決策。
二、功能門檻
【版本】海外版
三、配置
1、安裝GTM代碼
請參考此教程配置：http://m.varter.cn/blog/1285618
2、創(chuàng)建GA4賬號
2.1 登錄https://analytics.google.com，為您的監(jiān)控域名創(chuàng)建賬號。
在左下角的 管理-數(shù)據(jù)收集和修改-數(shù)據(jù)流，如無數(shù)據(jù)流請您創(chuàng)建一個網(wǎng)站類型的數(shù)據(jù)流。
2.2 創(chuàng)建成功后，保存G-xxxxxx格式的“衡量ID”備用
后文我們將討論常見的“預(yù)覽”、“點擊”行為監(jiān)控流程，在此之前我們需要把相關(guān)的事件變量配置出來。
在GTM平臺，建議配置如下圈選的變量參數(shù)：
配置成功后，我們開始建立監(jiān)控代碼。
4.1 觸發(fā)器就是指用戶行為，這里定義我們需要統(tǒng)計行為數(shù)據(jù)。
4.2 如您沒有定義觸發(fā)器，請點擊右側(cè)的“新建”，創(chuàng)建一個監(jiān)控行為
GTM提供了一些常用行為，您可以根據(jù)自己的需要進行選擇。
4.3 此處我們預(yù)設(shè)一個case，比如我們想要知道 “訪問購物車-點擊結(jié)算按鈕” 的轉(zhuǎn)化情況，這里就涉及到了兩個觸發(fā)器：網(wǎng)頁瀏覽（購物車頁面）和點擊-所有元素（結(jié)算按鈕）
4.4 購物車頁面的預(yù)覽監(jiān)控
選擇觸發(fā)器類型為“網(wǎng)頁瀏覽”，條件為“某些網(wǎng)頁瀏覽”，變量選擇Page Path 等于 /h-mcart.html
4.5 把觸發(fā)器命名為進入購物車，保存即可
4.6 購物車結(jié)算按鈕點擊監(jiān)控
點擊按鈕的參數(shù)查詢不方便，此處教大家一個萬能的方案。
先建立點擊觸發(fā)器，選擇“所有點擊”。
先把觸發(fā)器命名為“購物車頁面點擊”，然后保存（后續(xù)拿到參數(shù)再回來修改此變量的值）。
如下圖框選內(nèi)容配置好變量，我們將進入代碼的配置。
5.1 在左側(cè)訪問“代碼”，進行“新建”。
5.2 選擇GA4事件
5.3 配置GA4事件時，需要您填入衡量ID（步驟1中在GA4平臺獲取的數(shù)據(jù)流衡量ID，格式為G-xxxxxxxxxx）
5.4 填入后，修改代碼名稱和事件名稱為訪問購物車
然后選擇觸發(fā)器為“進入購物車”
5.5 保存即可
5.6 同理我們選擇購物車點擊的觸發(fā)器，也可以創(chuàng)建一個點擊事件的代碼
5.7 這樣我們就有了兩個代碼
6.1 在右上角，點擊“預(yù)覽”
6.2 在跳轉(zhuǎn)的頁面中，點擊連接并等待GTM自動為您打開您的網(wǎng)站
6.3 右下角出現(xiàn)彈窗，則說明鏈接成功（請忽視這個彈窗在頁面進行操作，不要點擊完成，也不要關(guān)閉您的網(wǎng)站）
6.4 首先回到管理頁面檢測運行情況
6.5 在您的網(wǎng)站中，訪問購物車頁面，例如
6.6 加載成功后，進行事件觸發(fā)
然后檢查統(tǒng)計是否成功。
成功統(tǒng)計即可進行后續(xù)操作。
6.7 點擊“結(jié)算”按鈕
6.8 在管理平臺的左側(cè)，找到對應(yīng)的“點擊”事件監(jiān)控，點擊這個事件
6.9 檢查觸發(fā)代碼是否為“購物車按鈕點擊”
核對確認(rèn)后，點擊變量，可獲取到“點擊結(jié)算按鈕”行為的classes、text。
一般來說建議使用ID和classes，但從輸出結(jié)果來看，結(jié)算按鈕目前沒有ID：
6.10 回到GTM后臺-觸發(fā)器，修改第四步我們創(chuàng)建的購物車點擊行為的觸發(fā)器。
把剛剛獲得的classes變量填入觸發(fā)器中，并保存。
重新開啟預(yù)覽，再測試一遍統(tǒng)計是否正常：
這樣就是埋正確了（監(jiān)控購物車頁面的訪問和結(jié)算按鈕點擊），可以關(guān)掉預(yù)覽調(diào)試。
經(jīng)過驗證，大部分點擊元素都能通過此方法獲取到“click classes”數(shù)據(jù)，以下是部分常見的classes值：
1. 表單提交按鈕點擊：form_submit content jz_theme_bg_color
2. 購物車提交訂單按鈕點擊：mall_order_detail_submit
3. 自定義按鈕點擊：module_button_text
4. 自定義圖片點擊：c__image_wrap j__imagecomponet jz_img_cliping jz_img_lazyload
5. 搜索按鈕：site_search_btn
上述數(shù)據(jù)僅供您參考，建議您在GTM平臺直接獲取或驗證后使用。
為了確保數(shù)據(jù)來源于正確的用戶操作行為，請在觸發(fā)器中同時限制click classes和頁面路徑。
除了上述數(shù)據(jù)，大部分元素都能獲取到classes數(shù)據(jù)，請自行登錄GTM調(diào)試獲取，如發(fā)現(xiàn) clickID 和click classes都無法獲取的行為事件，可以聯(lián)系平臺客服反饋。
在Analytics中查看監(jiān)控的數(shù)據(jù)。
更多數(shù)據(jù)監(jiān)控的埋點方法，大家可以在GTM多多探索。
感謝反饋
