將Facebook分享按鈕添加到靜態HTML頁面

有什麼方法可以將Facebook 分享按鈕添加到靜態HTML頁面？我已經實現了一個沒有服務器端的簡單網站，只是一堆html頁面，我可以添加一個Like按鈕，因爲它是用iFrame元素實現的。在發佈之前，我已經搜索了一個關於分享按鈕的解決方案，但無法找到任何東西。將Facebook分享按鈕添加到靜態HTML頁面

（共享按鈕實施例可以看到一個YouTube網站中，在每個視頻的共享部分。）

任何幫助理解。

來源

2011-03-29 aumanets

你應該能夠生成自己的按鈕代碼在這裏：http://developers.facebook.com/docs/reference/plugins/like/

來源

2011-03-29 20:48:30 jpea

此頁面允許您生成一個我可以做的按鈕。我的問題是獲得一個不同的分享按鈕，它允許用戶在他們的牆上張貼來自我的頁面的內容。 – aumanets 2011-03-29 20:53:25

所以你希望讓人們分享它，而不是像它一樣？按照以下方式傳遞參數：http://www.facebook.com/sharer.php?u=http://google.com或whatnot - 當您分享您的網址時，該頁面將會抓取頁面。 – jpea 2011-03-29 21:19:31

就是這樣。謝謝。 – aumanets 2011-03-29 22:06:04

<div class="fb_share"> 
    <a name="fb_share" type="box_count" share_url="<?php the_permalink() ?>" 
     href="http://www.facebook.com/sharer.php">Partilhar</a> 
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <?php } } 

add_action('thesis_hook_byline_item','fb_share');

來源

2013-05-15 20:28:45 iMic

<a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php?appId={YOUR APP ID}&link=<?php the_permalink() ?>' rel='nofollow'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

來源

2013-05-25 02:17:19

替換<url>用自己的鏈接

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>

來源

2013-06-13 21:29:01

這應該解決您的問題：FB Share button/dialog documentation Genereally講您可以使用普通的HTML代碼並使用CSS進行設置，也可以使用Javascript。

下面是一個例子：

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank" rel="noopener"> 
    <img class="YOUR_FB_CSS_STYLING_CLASS" src="img/YOUR_FB_ICON_IMAGE.png" width="22px" height="22px" alt="Share on Facebook"> 
</a>

更換的https％3A％2F％2Fparse.com，YOUR_FB_CSS_STYLING_CLASS和YOUR_FB_ICON_IMAGE.png用自己的選擇，你應該確定。

注：爲用戶着想的安全使用HTTPS連接到FB，像一個的HREF屬性。

來源

2013-08-12 07:59:58 PhobosK

這項工作在2016年11月。 – Flimm 2016-11-11 09:28:31

將Facebook分享按鈕添加到靜態HTML頁面

回答

相關問題