当前位置:首页 > 功能 > 正文内容

在自己网站添加通用的三种熊掌号bar展现改造方式

Mr6年前 (2019-01-09)功能2300

熊掌号.jpg

目前大部分使用移动搜索的朋友会发现,很多网站都在不同的网页位置加入了熊掌号的关注的按钮,那么如何实现在网页插入熊掌号关注按钮本文给出常用的三种熊掌号banner展现方式,  但是前提是要有熊掌号才行,没有的站长朋友自行去百度申请熊掌号 https://ziyuan.baidu.com/ 移动专区  不懂的自行度娘找吧;进入正题

熊掌号展现方式.jpg

如图,目前最常见的三种展现方式,网上现在的方法也都是之前的熊掌号版本,很多刚接触的或者不是玩代码的朋友根本就看不懂,所以这里就整理一下比较快捷的插入方式;

添加通用代码

通用代码添加在网站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 搜索资源平台 底部优化与维护 落地移动页检测 如图:

移动落地页检测.jpg

如果不支持的自行改造一下,百度mip改造的教程网上很多,多数开源程序都自带插件可使用。

扫描二维码推送至手机访问。

版权声明:本文由微客生活发布,如需转载请注明出处。

本文链接:https://www.weklife.cn/82.html

标签: 熊掌号

相关文章

百度统计未检测到代码,换JS代码搞定!

最近发现百度统计代码更换位置了,放在网站footer脚部文件中已经没用了,需要将代码防止header头部文件,当然我这里是以自己所使用的zblog举例说明;也许很多人没有遇到过类似问题,但是总会有遇到这个问题的,zblog的主题配置一般都可...

一个简洁大气的JS返顶代码,适用于所有程序需要的自取

一个简洁大气的JS返顶代码,适用于所有程序需要的自取

闲来无事,由于原本主题自带的返回顶部看起来不是很高大上,于是就折腾了一个比较简洁的返顶效果,见本站返顶修改三部曲1、头部文件<head></head>标签之间插入如下代码,文件名一般header.php<scr...

win10找不到默认打开图片的软件替换成其他的或者画图工具咋办?

win10找不到默认打开图片的软件替换成其他的或者画图工具咋办?

如果说win7 或者win10发现常用的浏览图片的工具没了,从而换成了画图以及其他软件,怎么恢复呢,网上资料也有很多,这里就不重复他们的方法了,直接在文章底部下载以及编辑好的注册文件,下载到电脑上自行双击运行安装就行了。Windows默图片...

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

ZBLOG升级php版本的时候出现:Class "Database__pdo_mysqli" not found 错误提示,修改办法:我用的阿里云的升级时候提示了以下信息:首先需要程序版本能够支持php版本,所以最好事先...

手机视频或照片隔空投送到台式(win系统)电脑的新方法

手机视频或照片隔空投送到台式(win系统)电脑的新方法

最开始得时候想要把手机上的内容传送到电脑都是通过数据线的方式,但是现在很多人也会用QQ或者微信的文件传输模式去传输到电脑,但是这个方法会被QQ或微信压缩文件,如果是图片还好不是很严重,但是如果是视频的话就会被严重压缩,毕竟不是图片可以选择源...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。