通过 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 用来获取页面信息的协议。但是，链接到的图像是一个大的 SVG 图像（您网站的背景图像） - 您需要将此 URL 更改为您的徽标的 URL，并确保此徽标为 .jpg 或 .png 格式 - 快速 Google搜索表明 Facebook 并不真正支持将 SVG 用于 og:image。

Answer 2

当前图像 URL (http://www.festivals.ie/images/banners/love-festivals-299-250.gif) 执行 302 重定向到实际图像 URL (http://www.festivals.ie/static/UO8FTf3ztOtMK2ArNFiVkIeKI2DqX13KcoktytQF1Q6.gif)。

我建议将og:image 设置为实际的图片网址：

<meta property="og:image" content="http://www.festivals.ie/static/UO8FTf3ztOtMK2ArNFiVkIeKI2DqX13KcoktytQF1Q6.gif">

（这确实是一个猜测，因为我目前无法对此进行测试。）

Answer 3

正如詹姆斯·托马斯建议的那样，第一步是add the tag(s)：

<meta property="og:image" content="http://i2.ytimg.com/vi/1F7DKyFt5pY/default.jpg" /> 

接下来，您必须清除 facebook 的缓存：

https://developers.facebook.com/tools/debug

• 导航到上面的链接并输入您的网址。这将手动触发另一个数据拉取，因此clearing the cache

• 如果这不起作用，请在您的 url 后面包含此 url 参数：?fbrefresh=CAN_BE_ANYTHING

  http://www.example.com/index.html?fbrefresh=randomstring