Facebook分享使用

FaceBook文档:FB.ui

1.使用Facebook的开放图谱元标签,定义分享的标题,内容,图标

		<meta property="fb:app_id" content="appid" />
		<meta property="og:title"         content="title" />
		<meta property="og:description"   content="very good game" />
		<meta property="og:image"         content="images/logo_share.png" />

开放图谱元标签说明文档:https://developers.facebook.com/docs/sharing/webmasters#markup
FB分享调试器测试抓取效果:https://developers.facebook.com/tools/debug
提示:图标必须大于200*200
在这里插入图片描述

2.分享代码

分享弹出框说明: https://developers.facebook.com/docs/sharing/reference/share-dialog
引入FB的SDK:<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>
Html代码:<div id="fb-root"></div>
Js部分代码:

FB.getLoginStatus((response)=> {
		if (response.status === 'connected') {
			var uid = response.authResponse.userID;
			var accessToken = response.authResponse.accessToken;
			FB.ui({
				method: 'share',
				hashtag:'#game',//tag
				quote:'very nice game',//高亮引文
				href: share_url//分享连接
			}, function(response){
				console.log(response);
				if(response.hasOwnProperty('error_code'))
					console.log(response);
				else{
					fbq('trackCustom', 'shareEnd');//分享完畢
				}	
			});
		}else {
			FB.login(function(response) {
				if (response.authResponse) {
					console.log('Welcome!  Fetching your information.... ');
					FB.api('/me', function(response) {
						console.log('Good to see you, ' + response.name + '.');
					});
				} else {
				console.log('User cancelled login or did not fully authorize.');
				}
			});
		}
	});

2.1分享弹出框效果:
在这里插入图片描述
2.2分享到主页的效果:
在这里插入图片描述
分享的功能,基本就这样了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值