0°

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

本文共990个字,预计阅读时间需要3分钟。

其实官方就已经提供了相关的代码方案,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

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
2 条回复 A 作者 M 管理员
  1. MIP已经凉凉了

    • 确实,感觉没啥必要去优化了

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论