网页上facebook分享功能具体实现
更新时间:2014年01月26日 17:44:21 作者:
本文为大家介绍下网页上facebook分享功能的具体实现,详细代码请看本文
复制代码 代码如下:
<span style=" font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: normal; word-break: normal; line-height: 19.5px;"><span style="word-wrap:normal; word-break:normal; line-height:19px"></span></span>
题外话:直接跳到facebook登录页面的分享按钮:
url为: http://www.facebook.com/sharer.php?u=www.baidu.com&t=123213123
其中的u参数为你要分享的链接。t 参数目前还没弄清楚是干什么的。
facebook分享功能的实现:
分享页面设定
1.一个链接: 参数是要分享的页面的链接
复制代码 代码如下:
<a style="display:inline-block;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的情况吧
相关文章
Json_decode 解析json字符串为NULL的解决方法(必看)
下面小编就为大家带来一篇Json_decode 解析json字符串为NULL的解决方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-02-02windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
配置php_intl模块总是加载失败,在这找到了解决方法2014-01-01简单谈谈PHP中的include、include_once、require以及require_once语句
include() 、require()语句包含并运行指定文件。这两结构在包含文件上完全一样,唯一的区别是对于错误的处理。require()语句在遇到包含文件不存在,或是出错的时候,就停止即行,并报错。include()则继续即行。2016-04-04
最新评论