在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"，这样就可以记录页面浏览了。

• 添加新评论