如何實現網頁上facebook分享功能

這篇文章主要介紹如何實現網頁上facebook分享功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

代碼如下:

<span ><span ></span></span>

題外話:直接跳到facebook登錄頁面的分享按鈕:

url為： http://www.facebook.com/sharer.php?u=www.baidu.com&t=123213123

其中的u參數為你要分享的鏈接。t 參數目前還沒弄清楚是干什么的。

facebook分享功能的實現:

分享頁面設定

1.一個鏈接： 參數是要分享的頁面的鏈接

代碼如下:

<a  
title="Share on Facebook" target="_blank"
onclick="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('https://www.baidu.com')+'&t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">

2.fb識別的標簽：

代碼如下:

<title>test</</span>title>
<meta property="og:image" content="test/test.jpg" />
<meta property="og:description" content="test>" />
<meta property="og:url" content="https://www.baidu.com" />

注意：

1.title fb可以自動讀取要分享頁面的title 這個要設置在fb的sharer.php參數里
你也可以自己設置 方式就是

代碼如下:

<meta property="og:title" content="test" />

2.image標簽 可以寫多個 分享人可以自己選擇圖片

3.url就是你的要分享的頁面
4.description 介紹信息

提示：

圖片像素必須是100*100 這樣的格式 我用90*90 就是OK的

例如：300*100 150*50在www.facebook.com圖片會截取90x90圖片顯示就不正確了
如果圖片小了 更不行了，分享的那個彈出框就不會顯示你的圖片 這個情況發生在圖片小于90x90的情況吧

以上是“如何實現網頁上facebook分享功能”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！