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

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