如何讓每個頁面擁有獨立的Facebook留言板

與網友們之間的互動可以說是現今架設網站的重點之一,所以在網頁上弄個留言板幾乎是每個站長們必要的工作。

Facebook也提供免費申請留言板的服務,甚至可以做到每個頁面的留言板各自獨立,讓每個主題討論的內容不會互相干擾。

使用Facebook留言板的最大的好處就是幾乎人人都有帳號,網友要留言很方便,不用再另外註冊或搞些有的沒的。

Facebook的留言板不但免費,設定更是簡單容易;你只需要懂一點HTML語法,兩個步驟就能搞定了。(提醒一下,如果你是直接複製以下文章裡的程式碼,單引號和雙引號可能會變成全型字;因為程式碼不支援全型,所以建議單引號和雙引號要用半型手動重新輸入)

1. 先在網頁原始碼<head>與</head>之間貼上以下文字碼:

<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 = “//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

2. 再於網頁原始碼<body>與</body>之間(也就是你想要顯示留言板的位置啦)貼上以下文字碼:

<div class=”fb-comments” data-href=”‘+document.location+'” data-width=”640″ data-numposts=”5″ data-colorscheme=”light”></div>

3. 喔對了,語法中的「data-width」是留言板版面寬度的設定,你可以自行更改成適合的數字。下圖是Facebook留言板的樣子。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。