当使用Facebook Sharer时,Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像,以及如何确保页面上的任何特定图像始终包含在此列表中?
当前回答
我无法让Facebook从特定的帖子中选择正确的图像,所以我做了这个页面上概述的事情:
https://webapps.stackexchange.com/questions/18468/adding-meta-tags-to-individual-blogger-posts
换句话说,是这样的:
<b:if cond='data:blog.url == "http://urlofyourpost.com"'>
<meta content='http://urlofyourimage.png' property='og:image'/>
</b:if>
基本上,你要硬编码一个if语句到你的网站的HTML中,让它改变元内容,不管你为那篇文章改变了什么。这是一个混乱的解决方案,但它有效。
其他回答
这对我来说是有用的:我把想要的缩略图放在标签的右边,让它太小而看不见。
<img src="imagename.jpg" width="1" height="1" />
我还没有测试它的高度为0和宽度为0,但它可能仍然可以工作。这并不保证用户将选择此图像..
此外,似乎Facebook缓存的缩略图在你的页面,并不总是检查它的新。尝试将此添加到您网站的另一个页面,您将看到它工作。
根据我的经验,http://www.facebook.com/sharer.php不使用元标记。它使用你传递的字符串。见下文。
http://www.facebook.com/sharer.php?s=100&p[title]=THIS IS MY TITLE&p[summary]=THIS IS MY SUMMARY&p[url]=http://www.MYURL.com&&p[images][0]=http://www.MYURL.com/img/IMAGEADDRESS
元标签与Facebook的开发者(如/send按钮)一起工作,其他Open Graph信息也是如此。所以如果你使用Facebook的一个实际元素,比如评论之类的,它们都将与Open Graph相关。
更新:有两种使用共享器的方法*注意查询字符串中的?s值和?u值 1 ==> STRING: http://www.facebook.com/sharer.php?s +上面的内容 将从字符串中提取信息。 2 ==> URL: http://www.facebook.com/sharer.php?u=url,其中URL等于实际URL ~~>将抓取url值中提供的页面 ~~>你可以在这里测试测试值:https://developers.facebook.com/tools/debug
当你在Facebook上分享时,你必须在标题部分添加你的html下一个元标签:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
就是这样!
添加按钮,因为你应该根据FB告诉你。
你需要的所有信息都在www.facebook.com/share/
把下面的标签放在头部:
<link rel="image_src" href="/path/to/your/image"/>
从http://www.facebook.com/share_partners.php
至于它在没有这个标记的情况下选择什么作为默认值,我不确定。
使用facebook feed对话框而不是共享对话框来显示自定义图像
例子:
https://www.facebook.com/dialog/feed?app_id=1389892087910588
&redirect_uri=https://scotch.io
&link=https://scotch.io
&picture=http://placekitten.com/500/500
&caption=This%20is%20the%20caption
&description=This%20is%20the%20description
推荐文章
- 如何测试Facebook本地连接
- 如何在iOS中使用Swift编程segue
- Ajax会调用什么样的响应,比如'for (;;);{json data}的意思?
- React-Native:应用程序未注册错误
- Facebook:永久页面访问令牌?
- 调用线程必须是STA,因为许多UI组件都要求这一点
- 使用什么api来绘制其他应用程序(如Facebook的Chat Heads)?
- Android Facebook集成无效键散列
- 如何创建Android Facebook密钥哈希?
- Android-Facebook应用程序的键散列
- 如何找到并运行keytool
- Facebook API -如何通过Facebook API获得Facebook用户的个人资料图像(不需要用户“允许”应用程序)
- 如何从事件对象访问自定义属性在反应?
- Android Facebook风格幻灯片
- 为WhatsApp链接共享提供一个图像