如何在網站中插入 Facebook 留言框?

常常在別人的網站上看到 Facebook 留言框,

自己是否也很想裝一個在自己的網站上呢?

那就讓 Lay 來教你如何在自己的網站加一個 Facebook 留言框吧!

不只一般的網站,你也可以加在你的 WordPress 部落格喔!

官方文件:點我

 

如何添加?

首先先將以下代碼加到 </head> 之前,WordPress 的用戶請編輯 header.php

<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/all.js#xfbml=1&appId=你的APP ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

說明:

你的 APP ID :請至這裡建立一個應用程式並複製 APP ID 貼上即可。

 

接著將以下代碼加入你想呈現的位置

<fb:comments href="頁面網址" num_posts="預設呈現數量" width="寬"></fb:comments>

說明:

頁面網址:你要放置留言框的網址,WordPress 用戶請填入 <?php the_permalink() ?>

預設呈現數量:當使用者一進入頁面所看到的留言數量

:留言框的寬度,直接輸入數字即可

 

如何呈現 Facebook 留言數量?

將以下代碼加入欲呈現的位置:

<fb:comments-count href=頁面網址></fb:comments-count>

 

如何管理留言?

首先先將以下代碼加到 </head> 之前,WordPress 的用戶請編輯 header.php

<meta property="fb:admins" content="你的 Facebook ID"/>
<meta property="fb:app_id" content="你的 APP ID"/>

APP ID:和上面填的那個一樣

Facebook ID:可選擇多用戶,用逗號隔開。

如何取得 Facebook ID?

在你的 Facebook 大頭貼上按右鍵 -> 在新分頁中開啟影像

 

中間這串就是你的 Facebook ID!

想隨時追蹤最新資訊?歡迎使用 RSS 訂閱最新文章 »

您或許會感興趣的文章

隨機推薦

共有 17 則迴響

  1. 阿肥

    #1 @

    facebook留言框還不錯=)
    但是我現在改成disqus :line_29:

  2. 小苏

    #2 @

    我加的wordpress 加了facebook comment 后,facebook comment 可以用,可是站内回应却不知道怎么都没有反映了。

    • Brownsugar (站長)

      # @

      是不是動到原始的 PHP 了呢?

      • 小苏

        # @

        感谢您的回复。具体我不是很清楚。我IE不能翻墙无法显示FBcomment,但是站内留言却可以。Firefox可以翻墙显示FB comment,但站内的留言却没法发表成功,网页是刷新了,就是没有留言显示

        • Brownsugar (站長)

          # @

          Firefox 快取(緩存)清除看看?
          或是先將原始檔案覆蓋過去再重新檢查一次試試看!

      • 小苏

        # @

        又试了几次,跟浏览器没关。好像跟name有关。我输其他名字都可以发表,输入其中一个名字就是老是无法显示。

  3. 小苏

    #3 @

    非常感谢!晚安!为了回复,要来回切换翻墙,汗!

  4. Eden

    #4 @

    可以請教問題嗎?實測上的問題!

    • Brownsugar

      # @

      可以阿,若我能解決會盡力幫忙!

      • Eden

        # @

        不是知道改版太厲害,還怎麼樣
        comment 留言會消失掉(新申請帳戶)
        無法知道是哪裡出問題

        • Brownsugar

          # @

          這應該是暫時性問題,應該和新帳號沒太大關係,
          因為之前我在其他網站留言,有時後也會遇到留言送出後消失的問題...

          • Eden

            # @

            "暫時性"那你是多久才出現

          • Brownsugar

            # @

            沒有準確值,應該是偶發性的,你換帳號之後能留言嗎?

          • Eden

            # @

            都沒用!你有沒有辦法寫信過去問問看?

          • Brownsugar

            # @

            這個我也不知道要向誰回報..

發表迴響

*