百度熊掌號的接入方式有兩種,一種是 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 頁面,就已經基本可以完成百度熊掌號的改造接入了,但是為了保險期間,所以我們還是需要通過百度站長平臺提供的“格式校驗”工具進行驗證是否完全符合了官方號的開發標準正確接入了。