在自己网站添加通用的三种熊掌号bar展现改造方式
目前大部分使用移动搜索的朋友会发现,很多网站都在不同的网页位置加入了熊掌号的关注的按钮,那么如何实现在网页插入熊掌号关注按钮本文给出常用的三种熊掌号banner展现方式, 但是前提是要有熊掌号才行,没有的站长朋友自行去百度申请熊掌号 https://ziyuan.baidu.com/ 移动专区 不懂的自行度娘找吧;进入正题
如图,目前最常见的三种展现方式,网上现在的方法也都是之前的熊掌号版本,很多刚接触的或者不是玩代码的朋友根本就看不懂,所以这里就整理一下比较快捷的插入方式;
添加通用代码
通用代码添加在网站header.php文件内的</head>标签之前;注:没有header文件的自行在网页内查找</head>标签
<script src=" https://xiongzhang.baidu.com/sdk/c.js?appid=你自己的熊掌号ID"></script>
以上代码除“你自己的熊掌号ID”更改自己的,其他代码无需做任何修改直接复制到相对应的位置即可
添加吸顶bar代码
<script>cambrian.render('head')</script>
同样将以上代码复制到对于位置,如<head>标签后面。
文章段落bar代码
<script>cambrian.render('body')</script>
将以上代码复制到文章模板的相对应位置,如文章标题下方。
底部bar代码
<script>cambrian.render('tail')</script>
上述代码可添加到文章结尾处或者网页底部,底部通用文件footer.php放在</body>之前。
注:官方给出解释的上述三种 bar 在样式上并没有预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。其中 padding-left、padding-right 为边距属性,可按需修改。
<div style="padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('head')</script> </div>
友情提示:以上方式适应移动端网页或者自适应网页,PC端网页不支持,查看自己的网页是否支持添加熊掌号bar先自行去检测一下 检测入口:https://ziyuan.baidu.com/linksubmit/index 搜索资源平台 底部优化与维护 落地移动页检测 如图:
如果不支持的自行改造一下,百度mip改造的教程网上很多,多数开源程序都自带插件可使用。