2014-01-09 148 views
0

我想在我的網站上嵌入一個facebook按鈕,以便用戶可以將該頁面發佈到他們的facebook牆上。發佈我的網站到Facebook牆

enter image description here

喜歡的東西this.i不能找到一個很好的教程this.How嵌入這一點,並有可能通過使用JavaScript?我已經做Facebook的應用程序,並得到我的應用程序ID.Dont知道是什麼做下一步。任何幫助?

+1

以Facebook的開發者網站看看:https://developers.facebook.com/docs/plugins/share-button –

+0

@AnthonyWeber謝謝你這麼much.Very多大幫助全:) – user3177828

回答

0

我今天第一次這樣做了。

下一步將在head元素頁面中將打開的圖形值添加爲元標記。正如其他人所指出的,這些信息可以在開發人員的Facebook參考頁面上找到。確保你將「Facebook腳本」放在body標籤後面,否則你會得到大量的錯誤,並且不起作用。

完成後,您可以使用Facebook的調試工具來測試它是否正常工作(也可在開發人員部分中找到)。

同樣,您需要確保將「Facebook腳本」放在身體標記之後,否則這對您的網頁發佈沒有任何影響。

<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=258515144314430"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

然後把這個放在你的head元素中。

<head> 
    <title>Hello World!</title> 
    <meta property="fb:app_id" content="000000000000"> 
    <meta property="og:title" content="Hello World"> 
    <meta property="og:site_name" content="The Wonderful World of Hellos"> 
    <meta property="og:url" content="http://blahblahblah.com"> 
    <meta property="og:description" content="Check out how to say hello to the world!"> 
    <meta property="og:image" content="http://link-to-image.jpg"> 
</head> 
+0

Meta標記?你能幫我怎麼做嗎?我有類似的按鈕,當我點擊它時,它會打開發布的對話框,但是href並不好。 – user3177828

+0

好的,我會編輯帖子以包含一個例子。 – bboysupaman