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',//tagquote:'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分享到主页的效果：

分享的功能，基本就这样了。

Facebook分享使用相关推荐

facebook 分享页面_Facebook个人资料，页面和组之间有什么区别？
facebook 分享页面 Facebook is used by a lot of different people for a lot of different things, so it's o ...
facebook分享 whatsapp分享点击按钮复制链接常用js分享内容
Facebook分享方式一(a链接,列表分享): https://www.facebook.com/sharer/sharer.php?u=分享链接方式二(sdk分享,分享当前页面): <! ...
facebook 分享页面_如何建立Facebook页面
facebook 分享页面 Facebook Pages are a great way to promote your business, a cause, or just your hobby. ...
twitter,facebook 分享网页样式定制以及调试
Twitter 分享可以在文件头中设置各种网页分享样式,主要有summary 和 summary_large_image等如果设置有问题,可以在这些页面中测试,或者清理之前的缓存. Twitter ...
关于facebook分享不能显示图片链接问题
最近做项目facebook的分享问题一直有bug,分享出去一直是这样的: 由于项目是外包出去的,看不到代码,开发人员说集成的是第三方分享,陆陆续续解决了一个多月,我让他们换成facbook原生的sdk ...
Android 集成Facebook分享功能
1,配置build.gradle 项目级别的gradle: repositories {mavenCentral() } app级别的gradle: dependencies { implementa ...
网页上facebook分享功能的具体实现
1,一个链接: 参数是要分享的页面的链接代码如下: <a style="width:35px; height:40px; position:relative; top:10px; l ...
vue 使用 facebook 分享
vue 使用 facebook twitter 分享找到index.html 添加一下代码 <div id="fb-root&qu ...
社交分享(facebook分享、twitter分享、link分享、google分享)
facebook分享 <a href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURI ...
Android下进行 Facebook 分享
1. 下载 Facebook SDK 2. 在facebook下设置app的相关信息 3. 示例代码: package com.example.testshare;import com.exam ...

Facebook分享使用

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

2.分享代码

Facebook分享使用相关推荐

最新文章

热门文章