2015年7月27日 星期一

FB讚按鈕及分享

FB官網有提供讚按鈕的語法產生
參考:https://developers.facebook.com/docs/plugins/like-button

但是不知道為什麼,最近好像怪怪的


顯示出來語法不完整,所以先記錄一下之前的語法




<div class="fb-like" data-href="要按讚的網址" data-layout="button" data-action="like" data-show-faces="true" data-share="false"></div>

以上內容顯示方式再參考FB官網的設定


例如data-share的屬性,ture的話,就會有「分享」按鈕,false的話,就不會有「分享」按鈕


_____________________叫我分隔線_____________________


說到這,分享時候,網頁上要標註一下FB可以抓的到的語法



<meta property="og:title" content="分享網頁的標題"/>
<meta property="og:description" content="分享網頁的內容描述"/>
<meta property="og:type" content="website"/><!--類型-->
<meta property="og:url" content="分享網頁的網址"/>
<meta property="og:image" content="FB分享的快取圖片"/>
<meta property="og:site_name" content="分享網站名稱"/>

若是分享的內容沒有快取圖片的縮圖,但是有網頁上有寫,那就到

將你的網址貼上做debug,清一清FB的暫存,抓最新的分享快取圖片及內容

以上怕以後老了會忘記 XD

先記錄一下

沒有留言:

張貼留言