新闻观点

百度熊掌号如何部署到手机网站端

2019/10/29 15:26:32   |   阅读次数:

百度熊掌号的接入方式有两种,一种是 H5 页面改造,一种是 MIP 页面改造。其中 H5 页面并非只是 html5 页面,而是指移动端页面,简而言之就是你需要接入百度熊掌号就必须是移动端网站,PC 网站是不能引入熊掌号的,当然自适应站点也是可以做熊掌号改造的。

第一种方法:H5 页面改造专用

1.添加官方号 SDK(必须)




在页面标签前添加代码,注意:appid 为官方号唯一 ID,请勿做任何修改,否则无法正常展现。

2. 添加关注功能代码(非必须/但强烈推荐)

添加需要展现的 bar,最多只允许添加 2 个,切官方将会审核,可以选择展现的方式有三种:吸顶,文章段落间以及底部,可以根据页面的样式及喜好自行选择放置位置。

//吸顶bar


在页面标签后添加代码
//文章段落间bar


在页面段落之间添加代码

//底部bar


在页面文章结束位置添加代码

另外需要注意:上述三种 bar 在样式上没有预留左右边距,若页面自身没有设置边距,所以可以在以上 bar 代码外围加入一个 div,以此来添加边距。如下:


   

 

第二种方法 MIP 页面改造


1.引入官方号 MIP 组件的 SDK


在页面 mip.js 代码


之后、标签前添加代码

2.使用官方号 MIP 组件


在页面标签后添加代码

注意:site-id 为官方号唯一 ID,请勿做任何修改,否则无法正常展现。同时建议紧挨标签添加,能够获得更好的体验。
四、格式校验

通过以上三个步骤,其实你只需要根据自己实际是 H5 页面或 MIP 页面,就已经基本可以完成百度熊掌号的改造接入了,但是为了保险期间,所以我们还是需要通过百度站长平台提供的“格式校验”工具进行验证是否完全符合了官方号的开发标准正确接入了。

下一篇:没有了!
相关新闻
首页 | 关于我们 | 网站建设 | 网站优化 | 服务范围 | 案例作品 | 信息资讯 | sitemap