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

yipeiwu_com5年前PHP代码库
复制代码 代码如下:

<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的情况吧

相关文章

php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)

php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)

命令: fputcsv() 命令格式:int fputcsv ( resource handle [, array fields [, string delimiter [, strin...

FastCGI 进程意外退出造成500错误

FastCGI 进程意外退出造成500错误

在一台新服务器上,安装新网站,之前只放至了一个网站。是服务器商配置好的,非集成环境。 添加了一个新站,路径都制定好了,但是在访问时出现了500错误。提示貌似是php的问题,但是之前的网站...

php中json_decode()和json_encode()的使用方法

1.json_decode() json_decode (PHP 5 >= 5.2.0, PECL json >= 1.2.0) json_decode — 对 J...

PHP文件生成的图片无法使用CDN缓存的解决方法

今天发现线上有个问题,线上一个图片域名,在前端已经加了CDN缓存,不落缓存,则用PHP动态实现图片缩放,但经PHP处理过的图片输出后,每次都要从后端读取,后端服务器压力瞬间增加,经分析,...

PHP小技巧搜集,每个PHPer都来露一手

这个帖子主要是所有的PHPers把自己在开发或学习中的一些经验技巧进行总结,主要就是把解决某种事情更好的方法告诉大家. 我先说几个: 1,假如你使用echo输出一个简单的语句,类似与:...