為大家方便就是為自己方便!希望大家都無私的分享出來自己遇到的難題,或者走的冤枉路。讓別人可以少走,站在巨人的肩膀上前進。大家互相進步!
分享頁面設定
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')+'&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的情況吧