addThis智能应用编程接口层添加链接

Question

我想在使用addThis智能层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提交新的服务，以便完全实现到他们的接口中。就您的问题而言，这样做的巨大缺点是提交的服务需要与OExchange兼容。对于一些项目来说，这可能是不可行的，但如果您可以自由地在您想要添加到其服务中的任何web应用程序中实现兼容性，那么这可能不会成为太多的障碍。

关于API的小讨论。

AddThis的平台基于能够向用户展示最相关的营销，因此AddThis不鼓励定制按钮/服务。他们试图鼓励开发人员使用他们内置的个性化，比如：

但是，我们鼓励您利用自动菜单和工具箱个性化。你会看到总体分享增加了约20%，特别是来自你网站的国际访问者，他们使用我们其他数百种共享服务中的许多！

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

解决方法

这些可能是您熟悉并知道如何使用的应用编程接口的一些方面，但我认为提供它们也无伤大雅，因为最初提出的问题的答案是“可能不会”。

您可以创建AddThis所称的按钮工具箱，然后将您的服务放在其中的任何位置。这是使用超文本标记语言而不是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>

这将为AddThis确定的前4个最受欢迎的服务生成可点击的共享服务链接。

​

​

现在让我们把这些按钮中的一个做成我们自己的。我们将仅使用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>

按照AddThis的建议，

这段代码在顶部按钮旁边生成了一个可点击的堆栈溢出按钮！

​

​

虽然这不是你想要的，但我希望它能有所帮助！

Answer 2

addthis创建一个id为#at4-share的分区并在其中创建链接，尝试使用jquery预先添加(或追加)一个类似于此div中的addthis插件创建的元素的"a“元素，并在css中创建一个类似aticon-print的自定义类并设置自定义图标。

虽然我还没有试过，但我想它会起作用的。

    $("#at4-share").prepend('<a class="at4-share-btn at-svc-print" 
href="https://stackoverflow.com/questions/31108214/how-to-increase-audio-play-speed-using-javascript">
<span class=" at4-icon aticon-print" title="KAD">KAD</span></a>');