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分享到主页的效果:
分享的功能,基本就这样了。