1

我正在尝试为我的网站使用 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

4

3 回答 3

1

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

所以我最终自己做这件事，使用facebook.ui对话框与我想要的设置共享。

于 2013-02-27T20:44:17.597 回答
0

我认为您需要做的就是更改 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 显示的图像预览实际上是基于您指定的 URL。Facebook 会抓取该页面并显示该页面中的图像 - 如果您指定 og:image 标签，Facebook 将使用该图像。我希望这是有道理的。

于 2013-02-27T18:41:31.870 回答
0

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

http://www.addthis.com/bookmark.php?url={url}
于 2018-03-26T23:49:17.617 回答