Question

我正在用PHP构建一个论坛，我希望用户能够使用Addthis社交插件将每个帖子的标题和描述分享到facebook，twitter等。这是Addthis给我的代码：

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style "
        addthis:url="www.example.com"
        addthis:title="Example Title"
        addthis:description="Example Description">
    <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>
    <a class="addthis_button_compact"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
    </div>
    <script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
    <!-- AddThis Button END -->

我能够将网址更改为我指定的另一个网址，但更改标题和说明无效。事实上，当我点击分享按钮并将其发布到我的Facebook墙上时，它们甚至都不显示。让它发挥作用的正确方法是什么？

Answer 1

AddThis并不正式支持所有这些参数据我所知（我无法在他们的文档中找到所有这些参数），所以理想情况下你应该只在页面上使用OpenGraph标签在...上。但无论如何......

您需要在自定义按钮本身上指定它，而不是在工具箱上指定。您甚至可以指定图像。如果您的按钮必须来自AddThis而不是自己指定，我不确定。

<div class="addthis_sharing_toolbox">
    <a class="addthis_button_facebook"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-facebook"></i>
    </a>

    <a class="addthis_button_twitter"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-twitter"></i>
    </a>

    <a class="addthis_button_linkedin"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-facebook"></i>
    </a>
</div>

AddThis的文档非常糟糕，所以我碰巧遇到了正确的事情并弄明白了。享受！

Answer 2

从specific recommend that you use meta tags添加此Open Graph Protocol以指定要显示的内容

我们强烈建议使用页面标记方法，而不是将窗口小部件参数传递给API

因此，在您的情况下，您应该让代码谎言它是原始的：

<!-- AddThis Button BEGIN -->
<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>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
<!-- AddThis Button END -->

并在您的示例中更改标题以包含addThis meta标记，例如：

<meta property="og:url" content="http://www.example.com" />
<meta property="og:title" content="Example Title" />
<meta property="og:description" content="Example Title Description" />
<meta property="og:image" content="http://www.example.com/logo.gif" />

这可以避免在客户端API中遇到任何问题。

Answer 3

我在AddThis网站上找到这个之前四处走走：

Setting the URL & Title to Share

...对于我们最新的工具，请使用data-url和data-title参数......

我正在使用他们的最新代码（addthis_sharing_toolbox而不是addthis_toolbox），我所能找到的只是使用addthis:url=""的人无效。

Addthis：更改发送的描述，标题和URL

3 个答案: