javascript - AddThis 工具箱多个项目

Question

我正在尝试对页面上的多个项目使用 addThis 工具箱。我一直在阅读，我需要使用 addthis:url 属性来为各个项目生成正确的 URL。

我所拥有的是以下内容:

    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-535e7a2916e104ff" async="async"></script>

    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <div class="addthis_sharing_toolbox" style="margin-bottom:20px;" addthis:title="THE TITLE" addthis:description="THE DESCRIPTION" addthis:url="<?php echo $this->item->link; ?>"></div>  

这似乎没有什么作用？它仅在 div 中回显，但实际上不会更改共享，因此它特定于该项目。

有什么想法吗？

谢谢

Answer 1

addthis:title、addthis:description 和 addthis:url 参数用于我们较旧的高级配置工具 - 内部带有按钮代码的工具。

要使其与 addthis_sharing_toolbox 一起使用，您需要使用以下代码:

 <!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-535e7a2916e104ff" async="async"></script>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox" style="margin-bottom:20px;" data-title="THE TITLE" data-url="<?php echo $this->item->link; ?>"></div>

此外，您只需要在每个页面上添加一次 addthis_widget.js 即可。该位置通常并不重要(除非与页面上的其他 JavaScript 存在某种竞争条件)，但您不应该多次使用它，因为它会减慢页面加载速度。