Bootstrap社交分享按鈕

我想用Bootstrap在我的博客上添加一些社交分享按鈕，但是我沒有得到如何從Twitter網站的鏈接之後放置網址的URL /share。Bootstrap社交分享按鈕

這是代碼：

<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]"

來源

2014-10-08 Lucas Lamounier

現在它工作完全！

下面的代碼：

<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代碼變成了一個變量。謝謝你們！

來源

2014-10-08 16:50:45

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後對其進行修改。

來源

2014-10-08 10:56:55

您忘記了</a>。

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

來源

2014-10-08 10:57:54 MateenAC

最簡單的方法來做到這一點是這樣的：

<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查看一個工作示例。

希望它有用！

來源

2014-10-08 12:51:45 Academia

Bootstrap社交分享按鈕

回答

相關問題