姍姍來遲的GA-AMP最終解決方案

Photo of author
Written By CMO

AMP和GA終於可以好好相處了
AMP和GA終於可以好好相處了

AMP發布以來,最為人詬病的不是它壓縮了媒體發布廣告的能力,而是它將網站分析搞成了一片混沌。由於AMP具有三種形態,其中兩種URL不在你自己的主域名上,這就形成了跨域跟踪。此外,由於Cookie與域名相對應,GA會因此把訪問普通頁面和AMP頁面的訪客當做兩個訪客來看待。對網站分析師來說這形同噩夢。

如果你還不清楚AMP頁面URL的三種形態,那麼Search Engine Land的這篇文章可以很好地幫到你。

同一篇文章的AMP版URL有三個版本
同一篇文章的AMP版URL有三個版本

在2017年5月,谷歌解決了AMP和普通頁面之間的跨域跟踪問題,這樣一來一個AMP頁麵點擊到普通頁面或者相反路徑的訪問就不會被視為一次refer,僅僅算一個用戶的一次訪問。但是5月的更新並不能解決單一訪客的問題。假設用戶訪問了AMP頁面,過了幾天又在另一個Session中訪問了普通頁面。這兩次訪問仍然無法被關聯到一個訪客。於是乎就有了9月的這次GA更新。

Google’s AMP Client ID API和部署

谷歌在9月5日通過GA官方部落格發布了Google’s AMP Client ID API。顧名思義它是將在客戶端上做文章,已填補Cookie跨域能力的不足。由於它基於一套API,所以為了使用它,我們還需要對我們的頁面和AMP頁面進行一些更改。

首先你需要將下面這行代碼放入你的每一個AMP頁面的<head></head>中。

<meta name=”amp-google-client-id-api” content=”googleanalytics”>

如果你使用WordPress插件AMPforWP,那這一步很容易就可以完成。你只要在其Settings中找到SEO,並將代碼貼入Additional tags for Head section AMP page中保存即可。見下圖:

通過插件我們可以輕鬆添加設置代碼
通過插件我們可以輕鬆添加設置代碼

第二步同樣是小修改。你此處取決於你使用GTM(Google Tag Manager)還是直接使用GA代碼。

當你使用GTM時,你可以在AMPforWP中啟用GTM模式(Use Google Tag Manager)。然後在GTM的Universal Analytics標籤中添加新的域useAmpClientId,值為true。詳見下圖:

不用更改添加代碼,直接通過GTM搞定
不用更改添加代碼,直接通過GTM搞定

保存完發布即可。

當你直接使用GA時,你需要在GA新建tracker的代碼中添加參數,原理同上。

ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’, {‘useAmpClientId’: true} );

使用AMP Client ID帶來的影響

當你部署了AMP Client ID之後,你的訪客數和訪問數都會更加準確。由於合併了同一訪客,並且減少了跨域訪問的多次計算,你的訪客數和訪問數會變少。 Avg. Time on Site和Bounce Rate也會相應變化。

不過你也會發現你的New User數會增加,因為新的部署“刷新”了受眾。因此如果你的AMP流量占到一定比例,在部署前要充分了解之後的影響免得被嚇壞哦~