主页 / 网络编程 /

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

网络编程 2021-07-05 09:49www.168986.cn编程入门
本文为大家介绍下网页上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://.facebook./sharer.php?u=.baidu.&t=123213123

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

facebook分享功能的实现:

分享页面设定

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

<a style="display:inline-block;width:35px; height:40px; position:relative; :10px; left:48px; "
title="Share on Facebook" target="_blank"
onclick="javascript:window.open('http://.facebook./sharer.php?u='+encodeURIComponent('https://.baidu.')+'&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://.baidu." />

注意

1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里
你也可以自己设置 方式就是
代码如下:

<meta property="og:title" content="test" />

2.image标签 可以写多个 分享人可以自己选择图片

3.url就是你的要分享的页面
4.description 介绍信息

提示

图片像素必须是100100 这样的格式 我用9090 就是OK的

例如300100 15050在.facebook.图片会截取90x90图片显示就不正确了
如果图片小了 更不行了，分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧
上一篇：使用php测试硬盘写入速度示例 下一篇：php获取当前时间的毫秒数的方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by