文章内容
2017/5/9 17:31:02,作 者: 黄兵
分享链接内容到Facebook和twitter
使用<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>
评论列表