addThis smart api layer添加链接

时间:2015-06-19 16:09:00

标签: javascript addthis

我想添加一个新按钮,其中包含使用addThis Smart Layer Api生成的addThis slideBar上自定义网址的链接(您可以查看文档here

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

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

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

2 个答案:

答案 0 :(得分:2)

可能吗?

虽然听起来并不是特别有用,但我认为这可以通过 AddThis SmartLayers API 来实现。你可能会有不同的发现,在这种情况下,我很想知道你是怎么想的。

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

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

关于API的小讨论。

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

  

但是,我们鼓励您利用自动菜单和   工具箱个性化。您会看到整体共享的增加   大约20%,特别是来自您网站的国际访问者,谁   使用我们其他数百种共享服务!

我认为这就是 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>
  

这为前4名提供了可点击的共享服务链接   AddThis决定的首选服务。

The output from the above code.

现在让我们自己制作其中一个按钮。我们将使用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建议的按钮!

We made our own button!

虽然这不是你正在寻找的东西,但我希望它有所帮助!

答案 1 :(得分:1)

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

我还没试过,但我认为它会起作用。

apt-get