1,一個鏈接: 參數是要分享的頁面的鏈接
代碼如下:
<a style="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</</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" />
<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參數里
你也可以自己設置 方式就是
3.url就是你的要分享的頁面
4.description 介紹信息
提示:
圖片像素必須是100*100 這樣的格式 我用90*90 就是OK的
例如:300*100 150*50在www.facebook.com圖片會截取90x90圖片顯示就不正確了
如果圖片小了 更不行了,分享的那個彈出框就不會顯示你的圖片 這個情況發生在圖片小於90x90的情況吧
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分享理解:要分享的頁面傳遞url過去,facebook通過這個url自動的去抓取符合要求的圖片和標題和description。url后面可以帶titile參數,帶image和description 參數無效。
注意 ---》實際工作中遇到一個問題,使用
<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" />
<meta property="og:image" content="test/test.jpg" />
<meta property="og:description" content="test>" />
<meta property="og:url" content="https://www.baidu.com" />
這種方式去分享到facebook中,分享發給facebook過去的鏈接是上面meta的這個頁面地址(因為要抓取的內容都在meta標簽中寫了);而分享成功之后點擊分享的內容,並沒有跳轉到https://www.baidu.com;
這個問題我用的解決方法是
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta property="og:image" content="test/test.jpg" />
<meta property="og:description" content="test>" />
<meta property="og:url" content="https://www.baidu.com" />
</head>
<body onload="window.location.href="http.www.baidu.com"">
</body>
</html>
就是頁面跳轉,看着有點別扭
應該換成google facebook 給出的官方分享代碼
https://developers.facebook.com/docs/javascript/examples
