Addthis：图像和图像链接上的不同网址点击

Question

我正在尝试将Addthis小部件用于我的网站。现在我使用以下代码将图像分享到不同的网站。

<script>var addthis_config = {     
services_overlay:'facebook,twitter,email,more'
}</script>

<div class='giveTopMargin'>
   <a href='link' class='lightbox'  title='title'>
      <img class='addthis_shareable' src='img_url' addthis:url='img_url' addthis:title='message' />
   </a>
</div>

我想要的是当用户点击facebook的分享按钮时。我需要我提到的img_url的图像预览，当这个链接在Facebook上成功分享时，我需要点击这个帖子的人在Facebook上，他应该被重定向到我网站的主页，而不是将他重定向到img_url。

现在这段代码的问题在于它显示了以下共享框。

正如您所看到的，它向我显示了标题和说明中的img_url，而不是我上面提到的title message。如果我将img_url更改为我的网站的主页面，然后这不会显示我共享的图像的预览。

我希望我足够清楚。如有任何澄清，请通知我。

代码来源：http://www.addthis.com/labs/photo-sharing#.USyj-jAyZjY

Answer 1

我无法解决问题因此我发送了一封电子邮件给Addthis support，他们说facebook试图从我们提到的网址中捕获图像预览。所以我无法使用Addthis Plugin。

所以我最终通过使用facebook.ui对话框与我想要的设置共享来自己完成。

Answer 2

我认为您需要做的就是更改addthis：url的值，例如，如果您希望他们访问的网站是http://www.supportmyidea.com，那么您的img标记应如下所示：

<div class='giveTopMargin'>
    <a href='link' class='lightbox'  title='title'>
        <img class='addthis_shareable' 
             src='[your_image_url]' 
             addthis:url='http://www.supportmyidea.com' 
             addthis:title='Support My Idea' />
    </a>
</div>

Facebook显示的图片预览实际上是基于您指定的网址。 Facebook抓取该页面并将显示页面中的图像 - 如果您指定og：image标签，Facebook将使用该图像。我希望这是有道理的。

Answer 3

您不必使用他们的格式。使用img代码和a代码制作您自己的图片和网址。所有的URL必须是：

http://www.addthis.com/bookmark.php?url={url}