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

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<head>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

    ......QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

</head>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<body>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

    <nav>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

        ...QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

    </nav>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

    ......                QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

</body>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<p>...</p>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

<p>...</p>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

...QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<section>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

    ...QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

    </p>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

</section>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

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

</div>QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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


QF5币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

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

支付宝转账赞助

支付宝扫一扫赞助

微信转账赞助

微信扫一扫赞助

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