分享

百度分享新浪微博无法分享图片的解决方法

 文化龙乡 2015-04-27

偶然发现,文章分享到sina weibo竟然不能将附带的图片。后来查了一下,发现,不只我遇到了这个问题。

经过查看百度分享官方的帮助文档,发现帮助文档是依照旧版的分享代码指导自定义使用的。而首页获取到的代码是最新版的分享代码,

最新版分享代码虽然支持微信。但是在分享到新浪微博的时候有个问题,就是文章内容中的图片不能随之分享到微博中。不清楚这算不算插件的bug。发现好多大网站也用了百度分享,也存在这个问题。

网上查了一下解决方法,无果,发现不只是我一个人遇到这种问题。于是自己折腾找了个折衷的解决方法。以下解决方法:

起初使用的是首页一步步获取的代码:

  1.         <div class="bdsharebuttonbox fl"><a href="#" class="bds_more" data-cmd="more"></a><a title="分  
  2.   
  3. 享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到QQ空间" href="#"   
  4.   
  5. class="bds_qzone" data-cmd="qzone"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-  
  6.   
  7. cmd="sqq"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享  
  8.   
  9. 到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a></div>  
  10.         <script>window._bd_share_config={"common":{"bdSnsKey":  
  11.   
  12. {"tsina":"www8783com","tqq":"www8783com","t163":"www8783com","tsohu":"www8783com"},"bdText":"{$descript  
  13.   
  14. ion}","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":  
  15.   
  16. {},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":  
  17.   
  18. ["weixin","qzone","sqq","tsina","tqq"]}};with(document)0[(getElementsByTagName('head')[0]||  
  19.   
  20. body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?  
  21.   
  22. v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>  

由于新版本的百度分享不支持动态的给新浪微博分享时带图片。所以换回了自定义帮助文档中旧版百度分享插件代码。使用方式:

  1.         <div class="nr-share nr-share-top">  
  2.             <span class="nr-info fl">分享到:</span>  
  3.             <!-- Baidu Button BEGIN -->  
  4.             <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare bdsharebuttonbox  fl">  
  5.                 <a href="#" class="bds_more" data-cmd="more"></a><a title="分享到豆瓣" href="#"   
  6.   
  7. class="bds_douban" data-cmd="douban"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-  
  8.   
  9. cmd="qzone"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到新  
  10.   
  11. 浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#"   
  12.   
  13. class="bds_tqq" data-cmd="tqq"></a>  
  14.             </div>  
  15.   
  16.         </div>  
  17.     <article class="nr-article" id="nr-article">  
  18.         {$content}  
  19.     </article>  
  20.     <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script>   
  21.     <script type="text/javascript" id="bdshell_js"></script>   
  22.     <script type="text/javascript">  
  23.         //在这里定义bds_config  
  24.             var picurl = document.getElementById('nr-article').getElementsByTagName('img')[0] ?   
  25.   
  26. document.getElementById('nr-article').getElementsByTagName('img')[0].src : '',  
  27.             titText = "{$title}",  
  28.                 desText = "{$description}",  
  29.                 shareText = titText + '_手游网' + ( desText ? ' - ' + desText : '') ,  
  30.                 bds_config = {'bdPic': picurl, 'bdText': shareText};  
  31.         document.getElementById('bdshell_js').src = "http://share.baidu.com/static/js/shell_v2.js?  
  32.   
  33. cdnversion=" + Math.ceil(new Date()/3600000);  
  34.       
  35.     </script>  
  36.     <!-- Baidu Button END -->   


遗憾的是旧版不支持微信分享。不过也只能这样取舍了。

参考文档:http://share.baidu.com/help/customization/config

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约