facebook分享功能

為大家方便就是為自己方便！希望大家都無私的分享出來自己遇到的難題，或者走的冤枉路。讓別人可以少走，站在巨人的肩膀上前進。大家互相進步！

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

<a style="display:inline-block;width:35px; height:40px; position:relative; top:10px; left:48px; "
title="Share on Facebook" target="_blank" 
onclick="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('https://www.baidu.com')+'&amp;t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">

2.fb識別的標簽：

<title>test</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 介紹信息

總結：
嗯 上邊兩步其實已經OK了

但是要是修改分享頁面的信息 比如換org:image，你會發現修改后圖片不會變哦，還是現實原來的圖片
為什么呢？因為fb會緩存你的信息24小時。
解決辦法：
進入這個頁面：facebookdebug
輸入你的分享頁面地址 點擊debug 它就會立即更新啦 
這個頁面也可以檢測你的fb標簽是否正確

啊，忘記最后一點了， 圖片像素必須是100*100 這樣的格式 我用90*90 就是OK的
例如：300*100 150*50在www.facebook.com圖片會截取90x90圖片顯示就不正確了
如果圖片小了 更不行了，分享的那個彈出框就不會顯示你的圖片 這個情況發生在圖片小於90x90的情況吧