<cite id="rrxpr"></cite>
<ruby id="rrxpr"></ruby>
<strike id="rrxpr"><i id="rrxpr"></i></strike>
<strike id="rrxpr"></strike>
<strike id="rrxpr"><dl id="rrxpr"><del id="rrxpr"></del></dl></strike>
<span id="rrxpr"></span>
<span id="rrxpr"><dl id="rrxpr"></dl></span>
<th id="rrxpr"><noframes id="rrxpr"><strike id="rrxpr"></strike>
<th id="rrxpr"><video id="rrxpr"><strike id="rrxpr"></strike></video></th>
<span id="rrxpr"><i id="rrxpr"></i></span><ruby id="rrxpr"><i id="rrxpr"></i></ruby>
<span id="rrxpr"></span>
新聞觀點

百度熊掌號如何部署到手機網站端

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
图区 欧美 日韩 视频 国产
<cite id="rrxpr"></cite>
<ruby id="rrxpr"></ruby>
<strike id="rrxpr"><i id="rrxpr"></i></strike>
<strike id="rrxpr"></strike>
<strike id="rrxpr"><dl id="rrxpr"><del id="rrxpr"></del></dl></strike>
<span id="rrxpr"></span>
<span id="rrxpr"><dl id="rrxpr"></dl></span>
<th id="rrxpr"><noframes id="rrxpr"><strike id="rrxpr"></strike>
<th id="rrxpr"><video id="rrxpr"><strike id="rrxpr"></strike></video></th>
<span id="rrxpr"><i id="rrxpr"></i></span><ruby id="rrxpr"><i id="rrxpr"></i></ruby>
<span id="rrxpr"></span>