TShopping

 找回密碼
 註冊
搜索
查看: 4181|回復: 5
打印 上一主題 下一主題

[教學] 讓Facebook分享連結時可以顯示小圖示

  [複製鏈接]
跳轉到指定樓層
1#
發表於 2012-2-25 17:48:50 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
現在很流行的Facebook ,現在幾乎要做活動網站或部落格幾乎都會有分享連結
Facebook通常是用如下的連結做推薦
http://www.facebook.com/share.php?u=分享網址&t=網頁標題



但是實際上連過去以後 FB會自動從分享網址搜尋 他要的訊息,不一定會顯示你指定的標題
所以你必須在頁面上做一些語法標示,可以出現標題、文案和圖示,用以下的語法可以做到
讓FB抓到你要的推荐資料,記得這些是加在</head>前面
<meta name="title" content="網頁標題會顯示粗體" />
<meta name="description" content="網頁說明文案" />
<link rel="image_src" type="image/jpeg" href="要顯示的圖檔網址.jpg" />



圖片的大小寬度是100px內,在大的話,FB會縮圖,圖片就可能會變形。

效果會像這樣
如果要多張圖的話
建議另外寫不同的方式來讓FB讀到圖片
就是將img圖片寫在<li></li>標籤裏面,效果是比較好的,且圖片要用全網址http://開頭,不要只用xxx.jpg
對於其他類似的像murmur.tw也可以抓的到,比較通用。


全Flash的話可以圖片把它定義在一個div區塊設隱藏css語法display:none;
圖片一定要在flash前面喔
以上給大家做參考嚕~~

 

臉書網友討論
2#
發表於 2012-9-13 00:40:53 | 只看該作者
努力~~各位。。。  

版主招募中

3#
發表於 2012-9-13 00:57:32 | 只看該作者
ding   支持  


4#
 樓主| 發表於 2013-2-1 19:29:47 | 只看該作者
牛X海海!!!


5#
發表於 2014-10-23 16:01:36 | 只看該作者


  不是很明白


*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-26 01:35 , Processed in 0.148554 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表