安裝 Flying Analytics 外掛,解決 Google 分析、廣告轉換追蹤代碼的載入負擔問題

如果有使用 Google Analytics 分析網站流量數據或是 Google Ads 投放廣告,都必須在網站上嵌入 Google 提供的追蹤碼,這些追蹤碼在頁面載入時會使用到從 Google 主機提供的程式碼,需要額外與第三方主機的溝通時間,也多了從第三方下載檔案的負擔。

一直以來我們對於「網站最佳化」主題提供不少外掛、技術架構的分析與教學,有賴於 WordPress 生態圈漸漸朝向「區塊」、「全站」式編輯的方向邁進,許多佈景主題、區塊編輯器、外掛工具的效能也提升了不少。

過往必須仰賴最佳化外掛才能解決的頁面載入效能問題,也能透過聰明選用網站架構、架站工具從根源避免可能發生的效能負擔問題。

然而,只要有用到分析工具、廣告成效追蹤碼,網站就需要使用 Google 提供的程式碼,而這些程式碼多年以來因為提供的分析功能日漸豐富,檔案大小只會不斷成長、逐漸變大。

除了直接使用更為進階的網站分析工具之外,一般知名的分析工具大多會面臨相同的問題。

  • Google Analytics:52.9 KB
  • Google Tag Manager:231 KB
  • Clarity:62.9 KB
  • 我們使用的網站分析工具:20 KB

一直埋首於網站效能最佳化的 Gijo Varghese 對此也開發了免費外掛 Flying Analytics,可以讓站長們將最佳化的 Google 程式碼託管在自己的主機上,解決了 Google Analytics、Google Ads 追蹤碼的載入負擔問題。

使用 Flying Analytics

安裝 Flying Analytics 外掛

首先,到 WordPress 後台外掛 > 安裝外掛搜尋 Flying Analytics。

flying-analytics-plugin

點擊「立即安裝」並「啟用」外掛。

設定 Flying Analytics 外掛

接著到 WordPress 後台設定 > Flying Analytics 頁面可以看到外掛設定相當簡單,只需要幾個步驟就能完成設定。

flying analytics settings

一、提供 Google Analytics 的轉換追蹤代碼

將用來追蹤 Google Analytics 或 Google Ads 的轉換追蹤代碼 G-XXXXXXXXXX (後面有十位英數字) 複製貼上到 Google Analytics Tracking ID 欄位即可。

  • Google Analytics:在 Analytics 帳號 → 管理 → 資料收集和修改 → 資料串流 → 「追蹤流量的網站」中的評估 ID;或是使用 Google 代碼管理工具 (Tag Manager) 統一管理的代碼 ID
  • Google AdWords:在 Google Ads 設定過程中,轉換追蹤設定步驟的最後一步「新增網站代碼」中,選擇「使用 Google 代碼管理工具」安插 Google Ads 轉換追蹤代碼的代碼 ID

二、選擇本地託管的代碼類型

接著就是 Flying Analytics 外掛的主要功能了,開發者將轉換追蹤代碼使用到的 JavaScript 程式碼最佳化之後由我們自己的主機進行託管。

如此一來就可以免除與 Google 主機溝通、載入程式碼所花費的額外時間與網路頻寬流量。

那麼要使用哪一個選項呢?

  • 使用 Google Analytics 的基本分析功能:如果只需要紀錄頁面瀏覽量、互動時間、頁面捲動、點擊等數據,選擇「Minimal Analytics.js」選項即可。
  • 使用 Google Analytics 的進階功能:如果需要追蹤轉換率等進階分析功能,選擇「Gtag,js」選項。
  • 追蹤 Google Ads 的轉換率:選擇「Gtag,js」選項。

這樣一來,節省的頁面載入資源大小相當顯著:

  • Google Analytics:52.9 KB → 1.4 KB
  • Google Tag Manager:231 KB → 90 KB

三、選擇是否排除管理員的訪問紀錄

使用分析工具紀錄訪客流量的同時,對站長/管理者來說,也會希望能濾除自己在維護網站時產生的訪問記錄,後續在進行數據分析的時候才不會產生偏誤。

一般而言,可能會需要在瀏覽器上安裝擴充功能,例如 Chrome 上的「Google Analytics (分析) 不透露資訊外掛程式」或「Ghostery 追蹤器和廣告攔截器 – 隱私 AdBlock」都可以隱藏自己管理網站時的訪問流量紀錄。

不過 Flying Analytics 直接在外掛中提供了這個設定選項,讓 Google 在收集相關數據時能夠排除管理員的訪問紀錄,相當方便。

結語

Flying Analytics 外掛的設定相當簡單卻又能解決廣大站長們因為使用 Google 分析、廣告轉換追蹤所帶來的載入負擔問題。

過去我也是因為使用了 Google Analytics 分析工具,卻也在另一個 Google 提供的工具 PageSpeed Insights 分析報告中看到 Google 提供的轉換追蹤程式碼所造成的負面影響,讓我開始找尋其他替代方案。

也因此開始使用頁面載入資源只有 20 KB 的網站分析工具。

如果您有使用 Google Analytics、Google Ads,可以嘗試使用 Flying Analytics 外掛,如果想要尋求更先進、輕量的分析工具,不妨可以看看我們的網站分析工具

有任何問題,歡迎填寫聯絡表單與我直接討論,或是加入我們的臉書社團Discord 社團一起討論唷!

The-Plugin-With-the-Best-Video-Experience-440X231

發佈留言

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