分享链接内容到Facebook和twitter

最新推荐文章于 2024-07-23 19:01:31 发布

Scub

最新推荐文章于 2024-07-23 19:01:31 发布

阅读量1.8w

点赞数 1

分类专栏： SNS 文章标签： facebook twitter

本文链接：https://blog.csdn.net/u013673976/article/details/40048925

版权

SNS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用<a href=""></a>分享链接的好处是，不需要第三方的依赖，只要客户端能访问Facebook和twitter即可(使用VPN)

1. 分享链接到Facebook的写法

<a href="https://www.facebook.com/sharer.php?u=${shareUrl}" target="_blank" style="margin-right:19px;">
        <img src="${fbShareJpg}" style="border:none 0;" alt="" /></a>

https://www.facebook.com/sharer.php是由facebook提供的接口，不能修改。
u=${shareUrl}"里面的URL地址就是，你想分享的链接地址，点击后会弹出一个小窗口，用户可以把这个链接分享到用户的Facebook里

2. 分享链接到Twitter的写法

 <a href="https://twitter.com/share" target="_blank" data-url="${shareUrl}" data-text="" data-via=""
         data-lang="ja"><img src="${twitterShareJpg}" style="border:none 0;" alt="" /></a>

https://twitter.com/share是Twitter提供的接口。
u=${shareUrl}"里面的URL地址就是，你想分享的链接地址

3. 使用<fb:like></fb:like>分享链接，代码如下：

<fb:like
	href="${shareUrl}"
	send="true" layout="button_count" width="80"
	show_faces="true">
</fb:like>

使用这种方式，需要加载FB的js。
在你想使用<fb:like></fb:like的页面的 <body>标签后插入下面代码（'your-app-id'替换成自己的Facebook App的ID即可）：

    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'your-app-id',
          xfbml      : true,
          version    : 'v2.1'
        });
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

4. 发送新鲜事到facebook。同3一样需要加载FB的js，发送前先判断用户是否登录[FB.login()或者FB.getLoginStatus()]

<script type="text/javascript">
FACEBOOK.TEST = {
	/*
		发送新鲜事到Facebook
		param参数：
			name , caption, description, message, picture, link
	
	*/
	sendFacebookFeed:function (callback, param) {
		var name = 'your-name';
		var caption = 'your-caption';
		var description='your-description';
		var message='share-message';
		var picture = "http://www.xxx.xxx/img/xxx.gif";
		var link = "http://www.xxx.xxx";

		FB.api('/me/feed', 'post', 
				{caption:caption,name:name,description:description,picture:picture,link:link,message:message,type:"photo"},
		function(response) {
			callback();
		});
    }
}
</script>