用GTM安裝GA4完整教學(針對WordPress使用者)

GA4

Google Tag Manager (GTM) 和 Google Analytics 4 (GA4) 是Google 免費給我們用的強大工具。對於使用WordPress建站的用戶來說,GTM4WP外掛的出現大大簡化了將GTM和GA4整合到網站中的過程,使得追蹤和分析變得更加便捷。

了解Google Tag Manager

Google Tag Manager是一個免費的代碼管理工具,它允許你輕鬆更新和管理放置在網站上的代碼——例如,Facebook Pixel 跟 Google Analytics4 (GA4),跟以前不一樣,我們不用單獨把各個追蹤碼加到你的網站上,只需要把所有的碼放進GTM裡就能開始追蹤了,因為當我們放過多的追蹤碼時,會讓網站速度變慢,從而影響到用戶體驗,久而久之SEO評分就會下降!(現在有Tiktok Pixel, Line Pixel, X pixel ,你需要一個統一管理的地方來建置追蹤碼)

建立Google Tag Manager 帳號

首先必須到Google Tag Manager 的頁面並登入 -> 建立新的帳號 -> 將資料填寫完後容器選擇網站 -> 下一步然後完成

當你成功建立了一個帳號後你將看到下方的頁面,並且你會看到右上角有你的 Google Tag ID,等一下我們會用到。

使用GTM4WP插件安裝GTM容器代碼

WordPress 用戶不用手動將GTM的代碼放置到你的網站原始碼中,你可以使用GTM4WP這樣的插件直接完成安裝的動作,只需要到Wordpress 的搜尋外掛區找尋 GTM4WP並且安裝和啟用GTM4WP插件後就能夠將GTM的代碼直接放到網站中囉

  • 步驟一:在WordPress後台導航至「外掛」>「新增」,搜索GTM4WP並安裝、啟用外掛。
  • 步驟二:在GTM4WP設置頁面中,輸入你的GTM容器ID。
  • 步驟三:根據需要配置其他選項,如追蹤代碼放置的位置,以及是否啟用對特定事件的追蹤。

當你串接好了之後,我們的下一步就是將GA4 連接到你的GTM裡。

連接GA4 到你的GTM 容器

要在你的網站上利用GA4進行數據追蹤,首先需要在Google Tag Manager中創建並配置GA4標籤。

  • 步驟一:登錄到你的Google Tag Manager賬戶,選擇適當的容器。
  • 步驟二:點擊「標籤」>「新增」以創建一個新的標籤。在標籤配置中,選擇「Google Analytics」並選取 Google Analytics: GA4 Event 作為標籤類型。
  • 步驟三:獲取你的GA4代碼ID。這可以在你的Google Analytics 4 控制台 左下角-> [admin] ->[Data Streams] ->[點擊你的帳號] -> [複製代碼ID]
  • 步驟四:在GTM的標籤配置中輸入你的測量ID。

這樣,GA4代碼就設置好了,準備通過設置的Trigger 來激活。

設定觸發條件激活GA4代碼

為了確保GA4標籤能夠在所有頁面上正確觸發,你需要為它配置一個觸發器。

  • 步驟一:繼續剛剛串連GA4的動作,在下方選擇「觸發條件」>「新增」。
  • 步驟二:創建一個新的觸發器,選擇「網頁瀏覽」作為觸發類型,以確保GA4標籤在每次頁面加載時觸發。
  • 步驟三:選擇「All Pages」作為觸發條件,確保無論用戶訪問你網站的哪個頁面,GA4標籤都會被激活。

測試與發佈你的GA4代碼

在發佈你的更改之前,使用GTM的預覽模式來測試你的GA4代碼是否正確運作是非常重要的。

  • 步驟一:在GTM中啟用「預覽模式」,然後輸入你的網站網址。
  • 步驟二:確認GA4標籤按預期觸發,並且在Google Analytics 4的實時報告中看到活動。
  • 步驟三:一旦確認標籤正常工作,回到GTM中,點擊「發布」以使你的更改生效。

追蹤電子商務事件

安裝完基本的GA4 事件後我們要為了Woocommerce 的購買事件安裝Custom Events。為了避免大家的麻煩我已經先把事件做成jason檔,如果需要的朋友可以直接下載並匯入GTM容器中就能開始使用了

GA4 電商事件追蹤容器

立即訂閱免費獲得預配置的 GTM 容器。一旦您導入了容器,就可以開始將網站的購買事件發送到 GA4囉!

匯入這個容器你需要先點擊[管理] -> [匯入容器] ->[選擇容器檔案] ->[選擇現有的工作區] ->[合併] ->[確認]

當確認好之後,我們要仿照先前設置GA4 時一樣 這次我們要到[代碼] -> 選擇[Google Analytics | GA4 | Ecommerce] ->把你的GA4 ID 貼上去並[更換評估ID] ->[儲存]

然後就可以進行測試了,步驟跟剛剛一樣就不重複了,記得確認你的事件都有成功觸發後要點擊發佈,不然是沒有辦法追蹤事件的喔

常見問題解決

我完全沒有技術背景,我能夠獨立設置GTM和GA4嗎?

絕對可以。雖然一開始可能看起來有點複雜,但通過使用像GTM4WP這樣的外掛,你可以大大簡化整個過程。這篇文章可以幫助你一步一步完成設置。當然,如果你遇到困難,你可以直接聯繫我們,讓我們幫你解決問題

GA4的代碼是否需要特定的觸發條件才能運行?

通常我們都用“頁面瀏覽”作為觸發條件,這樣每當有用戶到你的網站上時就能夠觸發GA4的事件,從而收集數據。

使用GTM安裝GA4後,我應該如何檢查是否正確安裝?

使用GTM的預覽模式是檢查GA4標籤是否正確安裝的好方法。預覽模式啟用後就可以看到GA4標籤是否已被觸發。如果沒有,那你可能需要看一下是不是你的觸發條件沒有設置到,或是GTM4WP設定有限制觸發條件。

為什麼我應該使用GTM來安裝GA4,直接在網站代碼中插入GA4代碼不是更簡單嗎?

直接在網站代碼中插入GA4追蹤碼當然是一種選項,但是當你今天有10種不同的追蹤碼需要安裝時,管理就會變成一個大問題!此外使用GTM 讓你只需安裝一次GTM代碼到你的網站上,就不用再做變動了,這對於沒有技術能力的用戶來說,確實是很方便!還有就是Google tag manager 可以設定自訂的觸發事件,例如:用戶在你的頁面待滿2分鐘並且往下滑動50%之類的,這讓你可以更精準的確認到你網站上的人是不是真的對你的內容有興趣,從而改變你的行銷策略

結論

通過Google Tag Manager來安裝GA4,你可以更加靈活和精確地追蹤網站上的用戶活動。從基本的頁面瀏覽數到複雜的轉換追蹤,GA4提供了豐富的數據收集和分析能力。現在,隨著GTM4WP外掛的幫助,即使是沒有技術背景的WordPress用戶也能輕鬆完成這一過程。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *