给网站添加熊掌号粉丝关注按钮

百度新推出的熊掌号,对网站的SEO是有一定好处的,官方声称2018-2020年80%搜索流量分发给优质熊掌号。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

给网站添加熊掌号粉丝关注按钮(1)CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

要添加熊掌号关注按钮,首先您要有熊掌号,可以在这个链接申请注册:https://ziyuan.baidu.com/xzh/home/indexCEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

申请成功后,可以根据官方提供的API添加资源提交接口。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

博主今天只讲如何添加熊掌号的关注按钮。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

首先找到“粉丝关注”CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

1、添加熊掌号ID声明,复制官方给出的代码,放到网站的 head 标签内。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<head>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    ......CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    <script src="//msite.baidu.com/sdk/c.js?appid=158********1795"></script>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

</head>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

给网站添加熊掌号粉丝关注按钮(2)CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

2、添加关注功能代码 官方给出三个位置的按钮,将其放在 body 标签内即可。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

注意:添加需要展现的bar(只允许添加2个,后期会审核) CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

吸顶bar (在页面<body> 标签后 添加代码)<script>cambrian.render('head')</script> CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<body>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    <script>cambrian.render('head')</script>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    <nav>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

        ...CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    </nav>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    ......                CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

</body>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

文章段落间bar (在页面 段落之间 添加代码)<script>cambrian.render('body')</script> CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<p>...</p>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<script>cambrian.render('body')</script>         CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<p>...</p>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

...CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

底部bar (在页面 文章结束位置 添加代码)<script>cambrian.render('tail')</script>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<section>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    ...CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    </p>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    <script>cambrian.render('tail')</script>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

</section>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

3、上述三种bar在样式上没有 预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。 其中padding-left、padding-right为边距属性,可按需修改。例如:CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

<div style="padding-left: 17px; padding-right: 17px;">CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

    <script>cambrian.render('head')</script>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

</div>CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

官方有一个自动生成,您可根据自己的需求进行样式修改。CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客


CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

给网站添加熊掌号粉丝关注按钮(3)CEb【币情报】_ 虚拟币代币糖果空投网 _ 币情报博客

支付宝转账赞助

支付宝扫一扫赞助

微信转账赞助

微信扫一扫赞助

留言与评论(共有 0 条评论)
   
验证码: