网页、图片、划词分享功能实现

2019-02-27 01:12:06  卢浮宫  阅读量:170  版权声明:本文为站长原创文章,转载请写明出处



一、一直说做一个网页分享的功能,今天接触到百度分享这个东西,使用了下,感觉功能还可以,于是用这个实现了分享功能,这里记录下。


二、首先登陆到百度分享官网(http://share.baidu.com/)按照流程获取代码,里面有各种参数及格式的定义,这个按自己喜好就行。


三、放置到自己的网页就可以了。这里贴一下我的代码段

        window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdSign":"normal","bdMini":"2","bdMiniList":false,"bdPic":"http://www.guangmuhua.com/favicon.ico","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"0","bdPos":"right","bdTop":"100"},"image":{"viewList":["sqq","weixin","qzone","tsina","tqq","renren"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["sqq","weixin","qzone","tsina","tqq","renren"]}};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)];


四、效果图参见 www.guangmuhua.com


五、后记,踩坑及解决

    ①连接成功分享后,我们发现这个是假如了统计的,比如其中一个连接为(http://www.guangmuhua.com/pages/articleDetail/articleDetail.jsp?articleId=142&0-sqq-1-77554-9737f6f9e09dfaf5d3fd14d775bfee85)后面的sqq部分就是统计代码l。但是往往我们在路径跳转时会出现404的报错,这个是由于地址没有得到正确解析导致的。

    ②查资料发现是网站伪静态规则导致的,设置自己的伪静态规则即可解决上述问题。

    ③PS:我这里并没有设置这方面的东西,而是取巧用IP地址解析(分解ip地址提取有效部分)来解决的。


六、关于网站伪静态规则,后续会在另一片文章里面进行介绍(等我先摸清了再说哈)。

最新评论: