您邁出了信心,調整網站好支持 AMP(加速移動頁面)格式?
起初這可能會讓您覺得很麻煩,但從長遠來看會有所收穫
因為它將使您的內容在移動設備上更易於訪問,並在 Google 搜索結果中更可見
話雖如此,除了使您的內容符合簡化的移動用戶體驗之外,還有像 AMP 默認情況下不支持 JavaScript 的注意事項。如果您最初的反應是 "我的代碼無法起作用!",那麼您絕對正確
是的,其中包括 Google Analytics 其它代碼!
為追蹤 AMP 頁面設置 Google Analytics
您可以選擇用專用的 Google Analytics 媒體資源來追蹤 AMP 頁面的訪問量,但繼續使用當前媒體資源可能更有意義。無論如何您都需要調整追蹤代碼,好解決在 AMP 中缺乏對 Javascript 本機支持的問題
在您的 HEAD 標籤中插入以下程式碼:
<-- AMP Analytics -->
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
Then, within the BODY tag, insert the element that will handle your Google Analytics tracking calls (pageview, event), like so:
<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-XXXXX-Y"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
上面的 Snippet 應該能滿足您 90% 的要求 - 追蹤 UA-XXXXX-Y 的綜合瀏覽量(用您自己的 ID 代替),通過添加變量來隨意使用觸發條件。如果您是進階用戶,這將是添加虛擬 URL 或自定義維度 / 指標的方法
點擊 Add Analytics to AMP pages | Analytics for AMP Pages 好了解所有該知道的
但是,有三點警告要提醒您:
- 客戶端 ID 追蹤及用戶 ID 請參閱 Google Analytics Client ID In AMP Pages 之說明
- AMP 不支持電子商務
- AMP 不支持廣告顯示功能
利用 GTM 設置 AMP 頁面追蹤
儘管有一些限制,但 GTM 允許為了您設置 AMP 頁面上觸發代碼
出現下方要您分別填入 Head 與 Body 的程式碼提示
Google Analytics 中的 AMP 報告
有一些選項可以在 Google Analytics 中查看 AMP 流量
選項#1:您很可能將 AMP URL 的結構設計為使其以 / amp 開頭
例如在 "行為>網站內容>內容深度分析" 中看到的那樣,以便查看有多少流量流向該目錄
選項2:使用專用的自定義維度來追蹤 AMP 狀態(AMP 或非 AMP),這意味著您需要針對基本指標(例如頁面瀏覽量)使用自定義報告,也就是說需要在追蹤代碼中或通過 GTM 設置該自定義維度
建議使用選項 3,該選項涉及根據 AMP 頁面的 URL 使用內容分組
在您的 Google Analytics 管理頁面中,點擊 "內容分組" 來創建:
添加兩個規則定義:非 AMP 和 AMP
在第一個規則中(對於 AMP 頁面),使用以下截圖中所示的設置:
對於第二個規則定義(對於非 AMP 頁面),重複同樣動作但將 "包含" 改成 "不包含"
選項#3 的優點在於它無需額外代碼
當流量流入您的 Google Analytics 媒體資源和相關視圖時,內容分組會自動處理並獲得細分報告。現在您可以轉到 "行為>網站內容>所有頁面",然後在圖表上方的下拉菜單中選擇 "內容分組"。這將更新您的報告並顯示 2 行:AMP 和非 AMP,清楚顯示每種頁面類型的性能
在只有兩行的情況下,我們可以選中每行左側的框,單擊標題中的 "繪製行"。這將突出顯示並比較 AMP 頁面與非 AMP 頁面。如您在上方截圖所見,AMP 流量仍然可以忽略不計,但我正在努力
額外 Bonus:您可以將內容分組應用於 " Landing Page" 報告,並查看如何用 AMP 來吸引訪問者。將其與渠道分類交叉引用,您將大放異彩,可以說選項 3 是種簡單有效的方法,藉此查看 AMP "遷移" 對流量和線下轉換的影響