网页上facebook分享功能的具体实现

1,一个链接: 参数是要分享的页面的链接

代码如下:

<a style="width:35px; height:40px; position:relative; top:10px; left:48px; " title="Share on Facebook" target="_blank"

onclick="javascript:window.open(‘http://www.facebook.com/sharer.php?u=‘+encodeURIComponent(‘https://www.baidu.com‘)+‘&t=‘+encodeURIComponent(document.title), ‘newWindow‘, ‘width=800, height=400‘,‘center‘);void(0);"> 

2.fb识别的标签: 

代码如下:

<title>test</</span>title> 
<meta property="og:image" content="test/test.jpg" /> 
<meta property="og:description" content="test>" /> 
<meta property="og:url" content="https://www.baidu.com" />

注意: 
1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里 
你也可以自己设置 方式就是

<meta property="og:title" content="test" />

2.image标签 可以写多个 分享人可以自己选择图片 
3.url就是你的要分享的页面 
4.description 介绍信息

提示: 
图片像素必须是100*100 这样的格式 我用90*90 就是OK的 
例如:300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了 
如果图片小了 更不行了,分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧

facebook分享理解:要分享的页面传递url过去,facebook通过这个url自动的去抓取符合要求的图片和标题和description。url后面可以带titile参数,带image和description 参数无效。

时间: 2024-10-06 00:05:16

网页上facebook分享功能的具体实现的相关文章

微信公众平台开发之在网页上添加分享到朋友圈,关注微信号等按钮

微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮. 一.微信浏览器 通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信

Android 接入Facebook分享功能

Android接入Facebook的分享 首先注册成为Fackbook开发者. https://developers.facebook.com 登陆到Facebook开发者后台然后点击"Apps" -> "Add a New App",输入App的名称"TeshShare"并选择分类,进行创建App 点击 "Apps" -> "TestShare" ,就是我们刚才创建的App ,然后点击左侧的&

点击网页分享按钮,触发微信分享功能

微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮. 我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能. 分享到朋友圈 function weixinShareTim

安卓开发分享功能,分享到facebook网页上不显示图片的问题

最近公司要上分享功能,分享的地方包括微信,qq,facebook,功能完成后,发现分享到facebook的内容只有文字可以显示,图片不显示,其中图片存储是使用七牛的服务器:而分享到微信和qq都可以正常显示,经过不断的询问和查找,终于找到了疑似原因,我们怀疑是由于我们的服务器的地址是https协议的,而七牛图片的地址是http协议,由于协议不一致造成的图片无法加载,所以就开始验证吧! 首先,我们又搭建了一个http的服务器,数据还是之前的数据,结果可以在facebook上访问,这样基本就验证了我们

给网页增加分享功能

想给自己的网站的文章增加分享按钮,查询资料后发现,均使用了目标网站提供的分享接口,比如新浪微博更可以直接使用其提供的分享按钮,按其规则添加js和页面代码就能实现新浪风格的分享按钮.因为想同时添加各大主流平台的分享按钮,所以自己添加了js代码来完成. 首先在需要分享页面中添加按钮,比如我需要QQ,豆瓣,微博这三个分享,我用了li分别列出来. <ul> <li class="share" shareto="qq">QQ</li> &l

在Android中使App高速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能

前言 在如今的APP或者游戏中,分享功能差点儿已经成为标配.分享功能不但能够满足用户的需求.也能够为产品带来很多其它的用户,甚至能够对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司能够对产品进行更精准的定位.今天我们就来简单剖析市场上一款优秀的分享SDK以及其集成过程.这款分享SDK就是友盟的社会化分享组件. 友盟社会化分享,帮助移动应用高速具备分享.登录.评论.喜欢等社交功能,提升用户粘度.助力产品推广,并提供实时.全面的社会化数据统计分析服务. 很多其它请訪问友盟社会化组件官网.

在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能

前言 在现在的APP或者游戏中,分享功能几乎已经成为标配.分享功能不但能够满足用户的需求,也能够为产品带来更多的用户,甚至可以对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司可以对产品进行更精准的定位.今天我们就来简单剖析市场上一款优秀的分享SDK以及其集成过程,这款分享SDK就是友盟的社会化分享组件. 友盟社会化分享,帮助移动应用快速具备分享.登录.评论.喜欢等社交功能,提升用户粘度.助力产品推广,并提供实时.全面的社会化数据统计分析服务. 基本概念 根据友盟的集成文档,我们对于友

国外热门网站的分享功能实现:facebook,twitter,google+1,tumblr等

最近需要做一个有关国外这几个网站的分享功能,本来以为会和weibo,空间等一样的麻烦,什么appkey啦,apptoken啦,api啦.结果很意外的发现没那么恼火. 推特分享: https://twitter.com/intent/tweet?original_referer=http://www.microvolts.com/&text=MicroVolts%20Surge%20-%20Online%20Toy%20Shooter&tw_p=tweetbutton&url=htt

【FacebookSDK学习笔记】Facebook分享(在登陆的基础上)

1.打开 res/layout/activity_main.xml,在布局中添加一个facebook分享按钮 <Button android:id="@+id/shareButton" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:gravit