聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|埋設事件|確認GA4有無收到事件
GTM前端應用

GTM教學|埋設事件|確認GA4有無收到事件

本篇重點為查看瀏覽器發出的「網站請求」,當下即可查看官網是否有正確發送事件至GA4。

GA4已經搬移一週了,許多自架站、自訂事件、自訂微轉換事件等。多少會使用「GTM埋設至GA4」。GTM發佈後,除了等待事件跑出來外。你能確定網站有開始傳送事件至GA4嗎? 當然題外話,你也可以直接使用「 事件產生器 」,先為GA4灌入一定量的事件後,明天他自然就會開始收集事件了。

本篇重點為,查看瀏覽器發出的「網站請求」,當下即可查看官網是否有正確發送事件至GA4。本篇會以前端角度,看待數位追蹤的過程,所以覺得看不太懂也很正常的,未來要使用這方式,再來翻這篇就可以!

GTM埋設適用情境

當使用GTM發佈新版本後。

使用GA4設定新事件後。

準備開發者工具 (F12)

使用電腦瀏覽器,並且按F12,點選網路Network。這介面要在操作中,也一直開啟,才會記錄網站做的事情。

切換選單分類

切換上方的類別至「其他(Other)」。

找到GA4發送的紀錄

GA4在這邊的名稱開頭為「Collect?….」隨便點一個進去後,再按內層選單的「Payload」。

這邊為瀏覽器向請求對象給予的資料,即發送至GA的資料。

GA4事件 - 找到名為en開頭

在Payload的選單裡,找到en (Event) 即是發送出去給GA4紀錄的事件,所以如果你在這邊有看到你要的事件名稱,就代表前端有成功把網站資料,傳送給GA4收集。就可以等待GA4的處理資料,顯示報表。

en:scroll,這邊也跟之前教學一樣,一個KEY搭配VALUE。

埋設GA4事件 - 重點整理

如果你想測試新開設的事件,例如「加入購物車」。先把F12 -> Network網路選單 開啟,點選加入購物車按鈕 (觸發你設定的事件條件),找到選單中的Network(網路),並找到類別(Other),找到名為Collect?開頭的,點選內頁後進入payload,確認en有無「加入購物車」(ATC)事件,即完成!

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
Looker Studio

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理

目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
Looker Studio

Looker Studio 教學|Super Metrics 串接教學

讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
成功案例

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入

本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
成功案例

【成功案例】修正GA4 總收益數據落差

本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
成功案例

【成功案例】內容型漏斗規劃

本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
成功案例

【成功案例】多管道數據報表建置

本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
成功案例

【成功案例】數據分析轉換率優化

本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。