百度熊掌號的接入方式有兩種，一種是 H5 頁(yè)面改造，一種是 MIP 頁(yè)面改造。其中 H5 頁(yè)面并非只是 html5 頁(yè)面，而是指移動(dòng)端頁(yè)面，簡(jiǎn)而言之就是你需要接入百度熊掌號就必須是移動(dòng)端網(wǎng)站，PC 網(wǎng)站是不能引入熊掌號的，當然自適應站點(diǎn)也是可以做熊掌號改造的。

第一種方法：H5 頁(yè)面改造專(zhuān)用

1.添加官方號 SDK（必須）




在頁(yè)面標簽前添加代碼，注意：appid 為官方號唯一 ID，請勿做任何修改，否則無(wú)法正常展現。

2. 添加關(guān)注功能代碼（非必須/但強烈推薦）

添加需要展現的 bar，最多只允許添加 2 個(gè)，切官方將會(huì )審核，可以選擇展現的方式有三種：吸頂，文章段落間以及底部，可以根據頁(yè)面的樣式及喜好自行選擇放置位置。

//吸頂bar


在頁(yè)面標簽后添加代碼
//文章段落間bar


在頁(yè)面段落之間添加代碼

//底部bar


在頁(yè)面文章結束位置添加代碼

另外需要注意：上述三種 bar 在樣式上沒(méi)有預留左右邊距，若頁(yè)面自身沒(méi)有設置邊距，所以可以在以上 bar 代碼外圍加入一個(gè) div，以此來(lái)添加邊距。如下：

第二種方法 MIP 頁(yè)面改造

1.引入官方號 MIP 組件的 SDK


在頁(yè)面 mip.js 代碼


之后、標簽前添加代碼

2.使用官方號 MIP 組件


在頁(yè)面標簽后添加代碼

注意：site-id 為官方號唯一 ID，請勿做任何修改，否則無(wú)法正常展現。同時(shí)建議緊挨標簽添加，能夠獲得更好的體驗。
四、格式校驗

通過(guò)以上三個(gè)步驟，其實(shí)你只需要根據自己實(shí)際是 H5 頁(yè)面或 MIP 頁(yè)面，就已經(jīng)基本可以完成百度熊掌號的改造接入了，但是為了保險期間，所以我們還是需要通過(guò)百度站長(cháng)平臺提供的“格式校驗”工具進(jìn)行驗證是否完全符合了官方號的開(kāi)發(fā)標準正確接入了。