讓網站每個頁面都有各自的Facebook留言板

與網友們之間的互動可說是現今架設網站的重點之一,所以在網頁上弄個留言板幾乎是必要的工作。Facebook也提供免費申請的留言板,甚至可以做到每個頁面的留言板各自獨立,讓不同主題討論的內容不互相干擾。

使用Facebook留言板的好處是幾乎人人都有帳號,網友要留言很方便,不用再另外註冊或搞些有的沒的。Facebook的留言板不但免費,設定更是簡單容易;你只需要懂一點HTML語法,兩個步驟就能搞定了。

一、先在網頁原始碼<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>

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

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *