Home > php教程 > php手册 > body text

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

WBOY
Release: 2016-06-06 20:25:20
Original
1485 people have browsed it

本文为大家介绍下网页上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的情况吧 ,
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!