如何將網站AMP網頁頁面流量正確加入到google analytics 教學

喜歡的朋友歡迎分享給需要的人

2020 年越來越多人討論AMP,認為AMP的頁面對於SEO有加分,從目前手機搜尋結果來說的確有這個趨勢,AMP網頁通常會佔據搜尋排名前幾名,會有一個閃電標誌,代表用戶進入網頁的時間等不到一秒就能看到網頁內容,有效降低因為網載入太慢而跳出的人導致地跳出率。

然而使用wordpress架站的朋友興高采烈安裝AMP後,可能會發現一個問題,google analytics 的流量會無法準確偵測到 AMP網頁的流量,這導致google analytics 的數據失真, 其原因是因為 AMP 本身是靜態頁面禁止使用Javascript的使用, 而google analytics 本身就是 javascript 那要如何能正確將AMP網頁頁面流量讓google analytics 正確地被追蹤到呢? 今天就來教大家一個做法

透過埋入程式碼讓AMP流量正確加入到 google analytics

使用wordpress的網站站長可以將下方程式碼安裝到 佈景主題裡面的 function.php裡面

//Add Analytics to AMP Pagesadd_action(‘amp_post_template_footer’,’awtsamp_google_analytics’);function awtsamp_google_analytics() { ?><amp-analytics type=”googleanalytics” id=”analytics1″><script type=”application/json”>{“vars”: {“account”: “UA-XXXXX-Y” },”triggers”: {“trackPageview”: {“on”: “visible”,”request”: “pageview”}}}</script></amp-analytics><?php }/** Adding Google Analytics JS Code on AMP Head*/add_action(‘amp_post_template_head’,’awts_amp_google_analytics_head’);function awts_amp_google_analytics_head() {?><!– Google Analytics for AMP pages –><script async custom-element=”amp-analytics” src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js“></script><?php } ?>

**其中的UA-XXXXX-Y 要改成自己的ID **

實際在wordpress 的function.php 會長成像下面這樣

再回去看 google analytics 應該就會正常顯示 AMP的網頁頁面流量

其他作者文章推薦:

喜歡的朋友歡迎分享給需要的人
%d 位部落客按了讚: