SNS一键分享,社会化分享

huzijia 2014-08-10

一键分享可以按照需要进行编写,编写的原理也很简单,只要知道要分享到的网站的分享链接,以及需要传递的相关参数,即可自己拼装出来一个该网站的链接,然后把主流的分享网站的链接都放在一起,把样式调节的好看些,就可以作为一个分享的组件进行使用了。

现在有很多成熟的分享组件,完全已经为我们做好了所有主流网站的分享,我们只需要按照要求把代码引入即可使用,无需我们自己去查找相关网站的分享链接,也不需要我们自己头疼的设计和调节分享组件的样式。

目前主要的分享组件:

一、百度分享:

官网:http://share.baidu.com/

可以在官网上找到相关的版本和样式,样式有悬浮式,文字式,和横向样式的,根据需要进行选择,然后直接复制生成的代码到自己的HTML页码即可使用。

案例样式:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_b" style="line-height: 12px;"><img src="http://share.baidu.com/static/images/type-button-1.jpg" /></div>
    <script type="text/javascript" id="bdshare_js" data="type=button&uid=0" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
    </script>
<!-- Baidu Button END -->
</body>
</html>

二、加网分享:
http://www.jiathis.com/

样式同样可以在官网进行调节,案例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0" charset="utf-8"></script>
<!-- JiaThis Button END -->
</body>
</html>

主要的分享控件官网:

加网:
http://www.jiathis.com/

bShare分享:
http://www.bshare.cn/

百度分享:
http://share.baidu.com/

分享道:
http://www.shareto.com.cn/

相关推荐