百度MIP页面增加适配百度统计代码教程

其实官方就已经提供了相关的代码方案，MIP的官方文档都挺清楚的了，但是不太好找，所以今天就写个教程吧，后续再放出博主用的MIP模板，喜欢的可以关注一下~

其实非常的简单，在MIP主题的footer放进去改下token就OK了，官方文档使用的是v1版本的mip了，博主现在用的v2，不用引用js也可以正常的使用

示例

MIP 提供百度统计的插件，便于分析页面数据，需要提前到百度统计这边创建站点，在百度统计后台会自动生成 JS 代码。从中找出 token 后插入到 MIP 组件的 token 位置。方法如下

// 例：百度统计代码截取
hm.src = "https://hm.baidu.com/hm.js?02890d4a309827eb62bc3335b2b28f7f";
// hm.js? 后为你的统计 token。此例 token="02890d4a309827eb62bc3335b2b28f7f"

MIP 插件引入

<mip-stats-baidu>
    <script type="application/json">
        {
            "token": "02890d4a309827eb62bc3335b2b28f7f",//修改为百度统计中获取的token
            "_setCustomVar": [1, "login", "1", 2],
            "_setAutoPageview": [true]
        }
    </script>
</mip-stats-baidu>

事件追踪

事件追踪是百度统计提供的定制化方法，能够统计按钮点击次数。详见百度统计 API。

警告：data-stats-baidu-obj 要求配置外层为单引号，内层为双引号。或按照下文 data-stats-baidu-obj 双引号配置方法 处理。

<div data-stats-baidu-obj='{"type":"click","data":["_trackPageview", "/virtual/login"]}'>
    点击发送请求
</div>

其他可以在官方文档中详细的查看，代码添加后需要更新文件缓存，然后用MIP预览器（官方工具）来检查页面代码是否符合MIP的规范。 再然后过几个小时在百度统计后台查看是否有带有mip网址的访问被记录下来。

相关文档地址：https://www.mipengine.org/examples/mip-extensions/mip-stats-baidu.html