www.adminn.cn
站长正能量分享网!

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

AD:阿里云服务器企业会员更优惠 腾讯云香港,韩国免备案服务器1.8折优惠

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

  1. <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.一个链接: 参数是要分享的页面的链接,代码如下:

  1. <a style="display:inline-block;width:35px; height:40px; position:relative; top:10px; left:48px; "  
  2. title="Share on Facebook" target="_blank"  
  3. 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识别的标签: 

  1. <title>test</</span>title>  
  2. <meta property="og:image" content="test/test.jpg" />  
  3. <meta property="og:description" content="test>" />  
  4. <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图片会截取90×90图片显示就不正确了

如果图片小了 更不行了,分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90×90的情况吧 

模板优惠价: (点击购买)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《网页上facebook分享功能具体实现》
文章链接:https://www.adminn.cn/news/8526.html
本站资源模板仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。2021.5月起,网站调整,暂不再分享免费模板。谢谢理解

Adminn.Cn 站长分享圈

帝国CMS精品模板腾讯云优惠券,代金券

2次开发,学习研究使用!扫码支付后联系QQ677123发货!

支付宝扫一扫打赏