前後端分離的網頁程式安裝Google Analytics 4 的注意點

現在越來越多的網站採用前後端分離的模式，前後端分離的優點之一就是使用者體驗好，快，網頁的內容改變時不需要重新加載，這其實跟SPA（全稱：single-page application，叫單頁應用）一样。

前後端分離對Google Analytics 4的安裝會有影響，如果安裝不慎，你可能會少很多的資料。

如何判斷網站是不是採用前後端分離

• 第一種方式是直接問工程師
• 第二種方式是GTM裡預覽，從A頁面點擊B頁面，URL是不同的，然後觀察Tag Assistant裡的Summary是否會有新的頁面出現或Window Loaded出現，表示有新的頁面重新加載，如果沒有，就表示沒有頁面重新加載，那就是前後端分離

有什麼注意點

前後端分離使得網頁的內容改變時不需要重新加載，而GA4是頁面追蹤是基於頁面加載，如果沒有頁面加載，那麼這部分網頁就追蹤不到，所以會丟失這部分資料。

你可以會在UA或其他工具裡看到的Page View是10000，但在GA4裡值看到Page View是5000。

前後端分離其實就等同於SPA，所以可以用SPA的方式去追蹤，延伸閱讀：

• Google Analytics 4 中做單頁應用追蹤（SPA/PWA）
• GA4上對單頁應用(SPA)做追蹤——加強型評估
• GA4上對單頁應用(SPA)做追蹤——dataLayer.push方法
• GA4上對單頁應用(SPA)做追蹤——延遲發送（History Change&dataLayer.push）
• GA4上對單頁應用(SPA)做追蹤——記錄變更(History Change)