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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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


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

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

支付宝转账赞助

支付宝扫一扫赞助

微信转账赞助

微信扫一扫赞助

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