使用 GA4 和 NextJS 獲取冗余頁面瀏覽事件

Question

我正在嘗試將 NextJS 應用程序轉換為 GA4。

初始頁面加載按預期發送事件，但后續頁面（通過單擊由 Next 的 Link 組件生成的鏈接訪問）將記錄瀏覽量事件兩次。 正如預期的那樣，其他事件會觸發一次。

換句話說，如果我 go 到頁面 A，然后單擊頁面 B 的鏈接，頁面 A 的實時事件將顯示對頁面 A 的一次訪問，但對頁面 B 的兩次訪問。

無法判斷這是 GA4 錯誤、NextJS 錯誤還是我的實現有問題。

在我們傳統的 GA 設置中沒有觀察到這種行為，即使在剝離所有現有的 GA 分析（通過React-GA使用）時也可以觀察到這種行為，並且在開發模式內外都可以觀察到。

GA4 標簽通過在一個通用組件中包含以下內容加載到每個頁面上：

<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxx" />
<script
  type="text/javascript"
  dangerouslySetInnerHTML={{
  __html: `window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-xxxxxxxx');`,
  }}
/>

Answer 1

我花了半天時間（使用 Gatsby 和gatsby-plugin-google-gtag獲得雙page_view事件），我很確定您的問題的解決方案與https://stackoverflow.com/a/66318326相同/365238

基本上 GA4 引入了一種叫做“增強測量”的東西，它比 GA 過去跟蹤的東西更多。 默認情況下，此設置處於啟用狀態，並且令人討厭地覆蓋gtag('config', { send_page_view: false }) 。 我不確定這是否應該作為錯誤提交給 Google，或者我們應該停止嘗試手動處理歷史更改並讓 GA 發揮它的魔力。

可以通過轉到 GA 中的管理員，然后轉到您的屬性，選擇數據流，然后選擇您的應用正在使用的 stream 並完全禁用“增強測量”來禁用此行為：

或者通過特別禁用跟蹤瀏覽器歷史記錄（單擊“增強測量”打開時顯示的齒輪圖標以查看此內容）：