[Howto][WordPress] ใส่ Facebook Comment ในเว็บไซต์ แบบไม่ใช้ Plugin

สมัคร Facebook Application

เข้าไปที่ facebook.com/developers/createapp เพื่อสมัคร Application

จากนั้นก็กรอก Captcha ไปตามเรื่องตามราว เสร็จแล้วจะเจอหน้า App แบบนี้ ให้เก็บ App ID กับ App Secret เอาไว้ใช้ในขั้นตอนต่อไป

ใส่ Facebook Javascript SDK

ใส่โค้ดนี้ลงใน header.php ในแท็ก <body>
:12_011: แก้ YOUR APP ID ให้เป็นเลข App ID ของตัวเอง

1
2
3
4
5
6
7
8
9
10
11
12
<!-- Facebook JavaScript SDK -->
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : 'YOUR APP ID',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true, // parse XFBML
    oauth  : true // enable OAuth 2.0
  });
</script>

เปิดใช้งาน Moderation Tools

ใส่โค้ดนี้ใน header.php เหมือนเดิม แต่ใส่ระหว่าง <head>
:12_011: แก้ YOUR APP ID ให้เป็นเลข App ID ของตัวเอง

1
2
3
<!-- Facebook Open Graph Tags -->
<meta property="fb:app_id" content="YOUR APP ID"/>
<!-- End Facebook Open Graph Tags -->

ใส่โค้ด Facebook Comments ใน comments.php

แก้ไฟล์ comments.php โลด
ถ้าตั้งใจจะไม่ใช้โค้ดคอมเมนต์จาก WP ก็ลบโค้ดทิ้งเลยก็ได้ฮะ แล้วใส่โค้ดนี้แทน
:12_011: num_posts คือจำนวนคอมเมนต์ต่อ 1 หน้า
:12_011: width คือความกว้างของกล่องคอมเมนต์ ปรับได้ตามใจชอบ (ไม่รับประกันการแสดงผล)

1
2
3
4
5
6
    <?php if( commentsopen() ): ?>
<div id="facebook-comments">
<h3 id="reply-title">Leave a Reply</h3>
<fb:comments  href="<?php the_permalink(); ?>" num_posts="10" width="650"></fb:comments>
</div>
<?php endif; // end commentsopen() ?>

ถ้าไม่มีอะไรผิดพลาด ก็จะได้กล่องคอมเมนต์สวยงามแบบนี้แล้ว ชาลาล่า :h_dance3:

Note

:18_007: ใครขี้เกียจใส่โค้ดเอง ดูวิธีใช้ Plugin ได้จากนี่ [WordPress Plugin][Howto] ใส่ Facebook Comments ลงในเว็บไซต์ (บางคนก็ลงไม่ได้นะ ไม่รับประกันผลหลังการอ่านนะฮ้าฟ)
:18_007: มีวิธีเขียนโค้ดแสดงจำนวนคอมเมนต์ของ Facebook ด้วยล่ะ ไว้เจอกันต่อต่อไปฮิ :h_quickdance:

เรียบเรียงจาก zolton.org, ขอบคุณ @imenn ที่ช่วยชี้แนะเรื่องโค้ดฮับ :kao_ii:
Share.

About Author

I come from B612 star, nerd, greedy, moody, lazy, Facebook Development, social Networking. almost Blog in Thai but English OK. ^^