当前位置

在AMP页面加入百度统计代码

James Qi 在 2019年5月30日 - 10:19 提交

  以前我们只在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",这样就可以记录页面浏览了。

自由标签:

评论

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。