Facebook 的按「讚」小工具大概是所有社交外掛程式裡面最受歡迎的了,除了按讚功能外還有結合「分享」,很適合放在網站的文章內讓讀者能把好的東西推薦給別人,而且安裝使用這個小工具並不需要建立獨立的應用程式,只要將程式碼貼進網站內就可以了。同樣是 Facebook 社交小工具的還有留言板 (Comments) 可以參考這篇。
到 Facebook 社交外掛頁面選擇自己想要的按鈕形式,建議可以把按讚網址留白,這樣它就會自動抓取當下的網址按讚,之後點擊取得程式碼。
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.12';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
之後會得到兩段程式碼,上方的這種貼進 <body> 的開頭,如果網站已經安裝過類似的社交小工具可以不必再安裝這段程式碼,它是可以共用的。
<div class="fb-like" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
這段則貼到想要讓按鈕顯示的位置,可以自行決定。
如果是使用 Blogger 的話可以考慮放在留言板上方,也就是 <b:includable id='comments' var='post'> 之後,這樣別人看完文章後就可以順便按讚。
留言
張貼留言