我爱模板

当前位置: 我爱模板网 > 网站运营 > 建站经验 > 优化百度分享代码 自动获取分享摘要和图片

优化百度分享代码 自动获取分享摘要和图片



百度分享进入2.0时代,通过百度分享到微博时,默认只能获取到标题,并不能获取摘要和图片。现在就来修改一下百度分享代码,来实现分享到微博时,能够自动获取到内容的摘要和图片。

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到百度云收藏" href="#" class="bds_bdysc" data-cmd="bdysc"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到复制网址" href="#" class="bds_copy" data-cmd="copy"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"【{$title}】{$SEO['description']} ","bdMini":"2","bdMiniList":false,"bdPic":"{$thumb}","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

看上面这段百度分享2.0的分享代码,其中bdText就是分享页面的标题,bdPic是分享页面的缩略图,现在我们只要将页面中的摘要和图片写入到这两个位置即可,咱以PHPCMS程序修改为例,其他CMS思路一样。

修改 'bdText':"", 为

"bdText":"【{$title}】:{$SEO['description']}",


修改 "bdPic":"", 为

"bdPic":"{$thumb}",


其他说明:

1、百度分享2.0提供了自定义分享功能,可以实现自由的自主分享,咱这里的修改方式是以最简单的方式来实现效果,并没有使用高级自定义功能。

2、百度分享中有 "dbDesc':"", 参数来实现分享时添加摘要的功能,但是实际测试时,添加这个参数后,摘要并不能在分享到微博的时候自动添加,所以上例中,将摘要直接写到了标题中。

推荐继续阅读的文章