网页上facebook分享功能具体实现-PHP源码-PHP中文网

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

PHP中文网

发布： 2016-05-25 17:13:22

原创

1138人浏览过

本文为大家介绍下网页上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.php.cn

其中的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识别的标签：

ASP.NET 4.0电子商城

在现实生活中的购物过程，购物者需要先到商场，找到指定的产品柜台下，查看产品实体以及标价信息，如果产品合适，就将该产品放到购物车中，到收款处付款结算。电子商务网站通过虚拟网页的形式在计算机上摸拟了整个过程，首先电子商务设计人员将产品信息分类显示在网页上，用户查看网页上的产品信息，当用户看到了中意的产品后，可以将该产品添加到购物车，最后使用网上支付工具进行结算，而货物将由公司通过快递等方式发送给购物者

查看详情

代码如下:

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