在AMP頁面加入百度統計代碼

　　以前我們隻在AMP(Accelerated Mobile Pages)頁面中加入Google Analytics統計代碼，在MIP(移動網頁加速器_MIP(Mobile Instant Pages))頁面中加入百度統計代碼，因為AMP頁面的流量來源基本都是Google，而MIP頁面的流量來源基本是百度搜索。

　　但最近有些不一樣了，從百度搜索來的AMP頁面流量明顯增加，這些都沒有統計到百度統計中去，被我們忽略了一段時間，導緻AMP頁面在國内顯示不出來廣告的問題也讓我們損失了部分廣告收入。🙁

　　為了更看清Web+AMP+MIP的總體流量，可以在AMP頁面中加入百度統計，還可以在MIP中加入Google Analytics，現在說一說AMP頁面加入百度統計代碼的辦法：

　　需要用到amp-analytics組件，這個組件支持很多統計服務提供商，包含對Baidu Analytics的支持。在百度的幫助文檔中也找到一篇中文說明：《在 AMP 頁面中添加百度統計》。

　　具體來說先要在AMP頁面的head部分添加下面的代碼：

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

　　也就是支持amp-analytics的組件，然後在body部分添加下面的代碼：

<amp-analytics type="baiduanalytics" id="analytics2">
    <script type="application/json">
        {
            "vars": {
                "token": "你的token"
            },
                "triggers": {
                    "trackPageview": {
                        "on": "visible",
                        "request": "pageview"
                }
            }
        }
    </script>
</amp-analytics>

　　上面的"你的token" 是從百度統計後台獲取的，例如："f733651f7f7c9cfc0c1c62ebc1f6388e"，這樣就可以記錄頁面浏覽了。

• 發表新回應