专栏首页Super 前端facebook分享(含图片)

facebook分享(含图片)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://ligang.blog.csdn.net/article/details/44960767

一、查看当前URL下facebook信息情况

Open Graph Object Debugger<输入URL,查看当前URL是否具有facebook信息>: https://developers.facebook.com/tools/debug/og/object/ Show existing scrape information:查看已配置的facebook信息 Fetch new scrape information:设置新的facebook信息

二、设置对应facebook信息

1. 所有信息必须在对应URL下的页面进行添加,如www.baidu.com,必须在baidu的主页下进行添加 2. Facebook共享清单,参照下述URL https://developers.facebook.com/docs/plugins/checklist

三、实例

如:在http://yourdomain.com/test.htm下,添加facebook分享代码。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>facebook share test</title>
	<meta property="og:site_name" content="site name"/>
	<meta property="og:title" content="title"/>
	<meta property="og:type" content="website"/>
	<meta property="og:description" content="description"/>
	<meta property="og:image" content="http://yourdomain.com/images/hatenablog.png"/>
	<meta property="og:url" content="http://yourdomain.com/test.htm">
</head>
<body>
	<script>
		function fbs_click(){
			window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('http://yourdomain.com/test.htm'),'sharer','toolbar=0,status=0,width=626,height=436');
			return false;
		}
	</script>
	<a οnclick="return fbs_click()" target="_blank">
		<img src="ADD_IMAGE_URL_HERE" alt="Share on Facebook" />
	</a>
</body>
</html>

Window.open()请参考:http://www.w3cschool.cc/jsref/met-win-open.html facebook开发API:https://developers.facebook.com/docs/plugins/embedded-posts 分享按钮:https://developers.facebook.com/docs/plugins/share-button/ 参考文献:http://blog.sina.com.cn/s/blog_6cd33db60100sd9j.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 据说这里可以帮你解决许多关于WebView的问题

    使用WebView开发的坑很多,这是众所周知的。本文分别对WebView的三个基本控件(俗称三剑客WebViewClient,WebChromeClient,W...

    阳仔
  • 手把手撸PHP扩展 0x08: 协程创建(四)

    size是结构体zend_fcall_info的大小,通过sizeof(fci)计算得到。

    桶哥
  • 周末了,围观知乎福利话题,放松一下。

    女生身材好是什么体验?:https://www.zhihu.com/question/328457531

    爱写bug
  • Apache 虚拟目录和默认首页的设置

    Apache虚拟目录和默认首页的设置,用apache做服务器的朋友必须要懂的。虚拟目录

    习惯说一说
  • python网络爬虫(1)静态网页抓取

    POST请求发送表单信息,密码不显示在URL中,数据字典发送时自动编码为表单形式。

    嘘、小点声
  • Filter 过滤器

    一、过滤器Filter 1.filter的简介 filter是对客户端访问资源的过滤,符合条件放行,不符合条件不放行,并且可以对目 标资源访问前后进行逻辑处理 ...

    用户5927264
  • Android老司机搬砖小技巧

    作为一名Android世界的搬运工,每天搬砖已经够苦够累了,走在坑坑洼洼的道路一不小心就掉坑里了。

    阳仔
  • 围观微博网友发起的美胸大赛

    继上次知乎话题 拥有一副好身材是怎样的体验? 解析了知乎回答内容之后,这次我们来解析一下微博内容,以微博网友发起的美胸大赛为例:

    爱写bug
  • 【叔小生】JavaScript进阶篇

    如何插入JS JS基础语法 语法、函数、方法 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    达达前端
  • python网络爬虫(9)构建基础爬虫思路

    基础爬虫分5个模块,使用多个文件相互配合,实现一个相对完善的数据爬取方案,便于以后更完善的爬虫做准备。

    嘘、小点声

扫码关注云+社区

领取腾讯云代金券