新聞觀點

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

                          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
                          欲仙欲死呻吟饥渴人妻