通过AddThis在Facebook上分享内容

Question

在此页面上，我使用AddThis JavaScript库添加了按钮，使得页面可以分享到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" />

- Dónal

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。

- James Thomas

---

参见Facebook关于Open Graph标签最佳实践的指南。 - James Thomas

我已将该属性的值更改为图标，但仍在使用旋转加载图像。 - Dónal

Facebook会缓存这些属性，稍后再试一次。 - James Thomas

现在已经过去了几周，但是图像仍然没有改变。 - Dónal

很抱歉听到这个消息。不幸的是，这似乎是一个比我能解决的更复杂的问题。我建议您审查您的代码和/或任何插件，以查看可能导致此问题的原因，并尝试通过使用页面的静态副本在不同的URL上模拟相同的条件来隔离问题，然后逐步添加和删除代码。 - James Thomas

Answer 2

正如James Thomas所建议的那样，第一步是添加标签：

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

下一步，您需要清除 Facebook 的缓存：

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

• 跳转至以上链接并输入您的URL。这将手动触发另一个数据拉取，从而清除缓存

• 如果上述方法不起作用，请在您的URL后面包含以下URL参数：?fbrefresh=CAN_BE_ANYTHING

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

- George

---

我应该在哪个URL中包含参数 ?fbrefresh=CAN_BE_ANYTHING？ - Dónal

我进行了检查。似乎图片指向：http://www.festivals.ie/static/dPJXQ68m16uauPPFUOCGWQv76d6N0eyARNIcRVdoOxF.gif你能否尝试用love-festivals-299-250.gif替换该gif（使用相同的名称-dPJXQ68m16uauPPFUOCGWQv76d6N0eyARNIcRVdoOxF.gif）作为临时解决方案？到目前为止，https://graph.facebook.com/264399223735155 显示正确的配置。 - George

Answer 3

当前的图片URL (http://www.festivals.ie/images/banners/love-festivals-299-250.gif) 重定向到真实的图片URL (http://www.festivals.ie/static/UO8FTf3ztOtMK2ArNFiVkIeKI2DqX13KcoktytQF1Q6.gif)。建议将og:image设置为真实的图片URL。

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

（由于我目前无法测试，这只是一个猜测。）

- Jeffery To

---

@Don，你有试过这个吗？ - Jeffery To

是的，它确实做到了。享受奖励吧！ - Dónal

谢谢，但是赏金消失了吗？ - Jeffery To