Question

我正在尝试使用Bootstrap在我的博客上添加一些社交分享按钮，但我不知道如何在Twitter /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”链接，如何获取“u”后页面的网址？ Twitter本身用链接打开弹出窗口，但不打开facebook。我需要“<a href="http://www.facebook.com/sharer.php?u=[URLPAGE]"

之类的东西

Answer 1

Twitter在其网站上有一个部分，其中记录了如何使各种按钮运行。这可以在https://about.twitter.com/resources/buttons获得。

假设您的网页上已包含Twitter的共享script元素，要将您的推文按钮链接到自定义网址，您需要在data-url元素上引入a属性：< / p>

<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后对其进行修改。< / p>

Answer 2

现在它完全正常工作了！

以下是代码：

<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获取当前网址。我只是找到一种方法将整个PHP代码变成一个变量。谢谢大家！

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>

这是常见的骨架。 class和data-url取决于你。如果您未指定data-url，那么您将分享当前网址。检查此链接demo以查看工作示例以及您可以根据班级构建的不同大小和样式。

如果您不知道，Twitter提供了Tweet Button，这是一个小小部件，允许用户轻松与他们的粉丝分享您的网站。

Twitter提供quick way为您的网站构建推文按钮。您可以轻松自定义推文按钮，然后复制粘贴代码。检查here以查看有效的示例。

希望它有用！

Bootstrap社交分享按钮

4 个答案: