javascript - 通过 AddThis 在 Facebook 上分享内容

Question

关于 this page我用 AddThis JavaScript library添加允许在 Facebook/Twitter 上共享页面的按钮。如果您单击 Facebook 按钮，它会显示以下内容将如何发布到 Facebook 的预览:

请注意，在后期预览中显示的图像是网站上使用的 AJAX 加载器，即在 AJAX 请求正在进行时显示的图像。我不知道为什么选择这个作为帖子中显示的图像，我可以指定使用哪个图像吗？

这是我用来显示共享按钮的标记:

<div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="width: 135px;">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
</div>

<g:javascript base="http://s7.addthis.com" src="/js/250/addthis_widget.js#pubid=xa-4fcaa48b0ffdb7b9" type="js" />

Answer 1

在 HTML 的 标签之间有以下代码:

<meta property="og:image" content="http://www.festivals.ie/images/responsive/bg.svg"/>

这告诉 Facebook 它应该在共享弹出窗口中使用什么图像。 'og' 代表 Open Graph ，Facebook 用来获取页面信息的协议(protocol)。然而，链接到的图像是一个大的 SVG 图像(您网站的背景图像)——您需要将此 URL 更改为您 Logo 的 URL，并确保此 Logo 为 .jpg 或 .png 格式——快速 Google搜索表明 Facebook 并不真正支持将 SVG 用于og:image。