Maison  >  Article  >  php教程  >  网页上facebook分享功能具体实现

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

WBOY
WBOYoriginal
2016-06-06 20:25:201485parcourir

本文为大家介绍下网页上facebook分享功能的具体实现,详细代码请看本文

复制代码 代码如下:




题外话:直接跳到facebook登录页面的分享按钮:

url为: ?u=www.baidu.com&t=123213123

其中的u参数为你要分享的链接。t 参数目前还没弄清楚是干什么的。

facebook分享功能的实现:

分享页面设定

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

复制代码 代码如下:


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识别的标签:

复制代码 代码如下:


testtitle> <br><meta property="og:image" content="test/test.jpg"> <br><meta property="og:description" content="test>"> <br><meta property="og:url" content="https://www.baidu.com"> <br> <br>注意: <br><br>1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里 <br>你也可以自己设置 方式就是 <br><p><span>复制代码</span> 代码如下:</p> <p> <br><meta property="og:title" content="test"> <br></p> <br>2.image标签 可以写多个 分享人可以自己选择图片 <br><br>3.url就是你的要分享的页面 <br>4.description 介绍信息 <br><br>提示: <br><br>图片像素必须是100*100 这样的格式 我用90*90 就是OK的 <br><br>例如:300*100 150*50在图片会截取90x90图片显示就不正确了 <br>如果图片小了 更不行了,分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧 ,
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn