addthis分享脸书和谷歌+网址

时间:2013-08-15 15:16:18

标签: javascript facebook google-plus addthis

我正在尝试使用AddThis为用户点击共享按钮时所在的当前页面创建简单的URL共享。截至目前,我有Twitter工作。当用户点击时,他们可以看到推文框中填充的URL。现在,当用户点击Facebook或Google+时,该网址似乎没有显示在共享框中。

<ul class="addthis_toolbox addthis_default_style ">
    <li><a class="addthis_button_facebook"><img src="/img/facebook-social.png" width="20" height="20" border="0" alt="Share" /></a></li>
    <li><a class="addthis_button_twitter"><img src="/img/twitter-social.png" width="20" height="20" border="0" alt="Share" /></a></li>
    <li><a class="addthis_button_google_plusone_share"><img src="/img/google-social.png" width="20" height="20" border="0" alt="Share" /></a></li>
</ul>

我觉得我可能会错过一些Facebook或Google+参数。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:1)

我假设您正在尝试集成到本地开发环境中,并且您的URL类似于localhost:8080。看起来Google Plus和Facebook使localhost无效。因此,不是他们G +和Facebook不起作用,他们只是使URL无效。如果您将URL硬编码为其他内容,例如www.example.com,则Facebook和Google Plus都应正常运行。

http://support.addthis.com/customer/portal/articles/381242-url-title

提供了有关如何指定网址的教程

答案 1 :(得分:0)

我已经测试了这个并且可行

JSFiddle

上查看
<div class="addthis_toolbox" addthis:url="http://example.com/blog/post/2009/05/01" addthis:title="Hooray!">
<ul class="addthis_toolbox addthis_default_style ">
<li><a class="addthis_button_facebook"></a></li>
<li><a class="addthis_button_twitter"></a></li>
<li><a class="addthis_button_google_plusone_share"></a></li>
</ul>
</div>

答案 2 :(得分:0)

documentation开始,它还表示您可以使用JavaScript。

因此,您可以使用document.URL,如下所示:

var addthis_share = {
    url: document.URL
};