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的情況吧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM