javascript - addThis智能api层添加一个链接

Question

我想在使用 addThis Smart Layer Api 生成的 addThis slideBar 上添加一个带有自定义 url 链接的新按钮(您可以查看文档 here)

我想添加一个自定义服务，它只是一个指向精确页面的链接。可能吗？

Here是我用来生成侧边栏的代码示例。

addthis.layers({
    'theme': 'transparent',
    'share': {
         'position': 'left',
         'services': 'facebook,twitter,google_plusone_share,pinterest_share,print,more'
    }
});

Answer 1

这可能吗？

虽然这不是特别有帮助，但我不认为此时可以使用 AddThis SmartLayers API 完成此操作。不过，您可能有不同的发现，在这种情况下，我很想知道您是如何想出办法做到这一点的。

在仔细阅读文档并使用了很长时间后，我想不出一种方法来将新选项插入到任何层的服务中(分享，关注、下一步 或推荐 层)。我认为向他们的任何 SmartLayers 添加服务的唯一方法是将其提交给 AddThis 以获得正式批准。

在this的底部页面，您可以向 AddThis 提交新服务，以将其完全实现到他们的 API 中。就您的问题而言，这样做的巨大缺点是提交的服务需要与 OExchange 兼容。对于某些项目，这可能不可行，但如果您可以自由地在要添加到其服务的任何 Web 应用程序中实现兼容性，这可能不会成为太大的障碍。

关于 API 的小讨论。

AddThis 平台的基础是能够向其用户展示最相关的营销信息，因此 AddThis 不鼓励制作自定义按钮/服务。他们试图通过以下方式鼓励开发人员使用他们内置的个性化功能:

We encourage you, however, to take advantage of automatic menu and toolbox personalization. You'll see an increase in overall sharing of about 20%, particularly from your site's international visitors, who use many of our other hundreds of sharing services!

我认为这就是为什么 AddThis 不是这个星球上最容易定制的服务的原因。然而，它非常擅长向用户展示相关营销。

解决方法

这些可能是您熟悉并知道如何使用的 API 方面，但我认为提供这些方面的帮助无妨，因为最初提出的问题的答案是 "可能不是。

您可以将 AddThis 称为按钮工具箱，然后将您的服务放在组合中的任何位置。这是使用 HTML 而不是 JavaScript 完成的，“默认”工具箱看起来像这样:

<div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
</div>

This produces clickable sharing service links for the top 4 most preferred services as decided by AddThis.

现在让我们将这些按钮之一变成我们自己的按钮。我们将仅以 stackoverflow.com 为例。

<div class="addthis_toolbox addthis_default_style">
  <a class="addthis_button_stackoverflow" href="http://www.stackoverflow.com">
  <img src ="http://fc06.deviantart.net/fs70/f/2012/099/d/f/stackoverflow_16x16_icon_by_muntoo_stock-d4vl2v4.png" width="16" height="16" border="0">
  </img>
  </a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>

This code produces a clickable stack overflow button alongside the top buttons as suggested by AddThis!

虽然这不是您要找的东西，但我希望它对您有所帮助!