太原网站建设:百度熊掌号如何部署到手机网站端

百度熊掌号的接入方式有两种,一种是H5页面改造,一种是MIP页面改造。其中H5页面并非只是html5页面,而是指移动端页面,简而言之就是你需要接入百度熊掌号就必须是移动端网站,

百度熊掌号的接入方式有两种,一种是 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 页面,就已经基本可以完成百度熊掌号的改造接入了,但是为了保险期间,所以我们还是需要通过百度站长平台提供的“格式校验”工具进行验证是否完全符合了官方号的开发标准正确接入了。