Bootstrap社交分享按钮

Question

我想用Bootstrap在我的博客上添加一些社交分享按钮，但是我没有得到如何从Twitter网站的链接之后放置网址的URL /share。

这是代码：

<a href="https://twitter.com/share" class="btn btn-social btn-twitter"> 
        <i class="fa fa-twitter"></i> Share on Twitter</i> 
</a> 

----------编辑： 现在它一半的工作。 我做了打开一个弹出的功能，链接功能于弹出：

<a href="http://www.facebook.com/sharer.php?u=" class="btn btn-social btn-facebook link-in-popup"> 
    <i class="fa fa-facebook"></i> Share on Facebook</i> 
</a> 

但是只有打开链接“https://www.facebook.com/sharer/sharer.php?u”，如何获取页面的URL后的“U”？ Twitter本身打开链接弹出窗口，但不是Facebook。我需要的东西，如“<a href="http://www.facebook.com/sharer.php?u=[URLPAGE]"

Answer 1

现在它工作完全！

下面的代码：

<a href="http://www.facebook.com/sharer.php?u=<?php echo(($_SERVER['HTTPS'] ? 'https://' : 'http://').$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]); ?>" class="btn btn-social btn-facebook link-in-popup"> 
      <i class="fa fa-facebook"></i> Share on Facebook</i> 
</a> 

的PHP获取当前的URL。我只是找到了一种方法，这整个PHP代码变成了一个变量。谢谢你们！

Answer 2

Twitter也有它说明了如何得到他们的各种按钮的功能在其网站上的部分。这是可在https://about.twitter.com/resources/buttons。

假设你已经包含在您的网页上Twitter的分享script元素，你的分享Tweet按钮链接到一个自定义的URL，你需要你的a元素引入data-url属性：

<a href="https://twitter.com/share" class="..." data-url="http://example.com"> 
    <i class="fa fa-twitter"></i> Share on Twitter</i> 
</a> 

如果你没有包括在该script元素在页面上，然后我建议您通过我已经链接到上面的页面生成按钮，并在复制它为您生成的HTML后对其进行修改。

Answer 3

您忘记了</a>。

<a href="https://twitter.com/share" class="btn btn-social btn-twitter"> 
       <i class="fa fa-twitter"></i> Share on Twitter</i> </a> 

Answer 4

最简单的方法来做到这一点是这样的：

<a href="https://twitter.com/share"> 
    <i class="fa fa-twitter"></i> Share on Twitter</i> 
</a> 

这是常见的骨架。类和数据网址取决于你。如果你不指定data-url，那么你将要共享当前的url。查看这个链接demo可以看到一个工作示例以及您可以根据类别构建不同的大小和样式。

为防万一你不知道，Twitter提供了一个Tweet Button，这是一个小部件，允许用户轻松地与他们的追随者分享你的网站。

Twitter提供了一个quick way为您的网站建立Tweet按钮。您可以轻松定制您的推文按钮，然后复制粘贴代码。查看here查看一个工作示例。

希望它有用！