เชิญไปอ่านบทความที่ผมได้เขียนไว้ครั้งก่อน http://www.select2web.com/facebook/new-comment-style.html กันเสียก่อน มันก็ว่าด้วยเรื่องการนำเอาระบบคอมเม้นท์ของเฟชบุก มาใช้กับเว็บของเรา คอมเม้นท์ของเฟชบุกนั้นมันมีดีอยู่อย่างหนึ่งก็คือ เมื่อใครมาคอมเม้นท์ มันจะโพสต์ขึ้นไปบนวอลของคนนั้นด้วย แล้วก็ทำการกระจาย กระจุย ไปทุกทิศทุกทาง ซึ่งเราก็หวังเอาว่า การหว่านแหเช่นนี้ น่าจะทำให้คนเข้าเว็บเรามากขึ้น (ก็หวังกันไป อาจได้แค่หวัง)

ถ้าใครก็ตามที่ได้อ่านบทความผมและได้ลองทำตาม ท่านก็จะรู้ด้วยตัวท่านเองละว่า มันเกิดอุปสรรค์มาขวางกั้นความสะดวก หลายอย่าง

1. ไม่รู้ว่ามีคนมาคอมเม้นท์เราหรือเปล่า
2. คอมเม้นท์แล้วไม่เห็นว่าจะมีการแจ้งเตือนอะไรเรา ต้องไปนั่งไล่กันเอง
3. มันก็เเป็นผลพวงมาว่า เราจะตอบกลับไปยังผู้ถามลำบากมาก

อีกหลายอย่างละมั้ง ขี้เกียจเขียน อุปสรรคแค่นี้ก็พอได้เจ็บปวดใจแล้วล่ะ  วันนั้นน่ะผมเขียนวิธีทำมันไม่จบกระบวนการ  วันนี้เลยมาสานต่อให้มันสมบูรณ์ เผื่อใครจะนำไปใช้ก็จะได้เกิดประโยชน์สูงสุด ทำตามผมไปทีละขั้นตอนเลย ไม่ต้องคิดอะไรมาก

สร้างแอพรองรับคอมเม้นท์เราก่อนในเฟชบุก

1. เข้าไปที่  https://www.facebook.com/developers/apps.php คลิก +Set Up New app

2. ในกรณีที่ท่านยังไม่เคยยืนยันตัวตนด้วยโทรศัพท์หรือบัตรเครดิตเลย มันจะขึ้นหน้านี้มา ให้คลิกที่ mobile phone หรือจะทำผ่านบัตรเครดิตก็ได้ แต่ผมไม่สอน

3. หลังจากคลิก mobile phone แล้ว มันจะเปิดหน้าต่างเล็กๆขึ้นมาเพื่อให้เราป้อนเบอร์โทรศัพท์

4. จากนั้นก็รอแป้บนึงมันจะส่งรหัสมาให้เราทาง SMS เราก็เอารหัสที่เฟชบุกให้มา มาป้อนในหน้าต่างยืนยัน

5. ถ้าเราป้อนรหัสถูกต้อง มันก็แจ้งว่าทุกอย่างเรียบร้อย แต่ถ้ามันแจ้งว่ารหัสผิดพลาด ให้ตรวจดู SMS ใหม่อีกรอบ เผื่อตาลายอ่านรหัสไม่ครบ เมื่อทุกอย่างเรียบร้อย ก็ปิดหน้าต่างเล็กๆนี้ไปได้เลย

6. กลับมาที่หน้าเฟชบุกที่เปิดคาไว้อยู่ รีเฟรชมันไปสักดอกนึง มันก็จะขึ้นหน้ามาให้ท่านตั้งชื่อ app และเลือกที่จะยอมรับเงื่อนไขการใช้งาน (มันก็แปลก ถ้าเราไม่ยอมรับ คงไม่มาถึงนี่หรอก) ชื่อ app จะตั้งเป็นอะไรก็ได้ เอาตามท่านชอบ แต่มีคำเตือนจากเฟชบุกหน่อยนึงว่า ห้ามตั้งชื่ออะไรที่มีส่วนเกี่ยวข้องกับผลิตภัณฑ์ของเฟชบุกเอง ป้อนทุกอย่างแล้วก็กดปุ่ม Create App

7. ป้อน CAPTCHA ให้ถูกต้องแล้วกดปุ่ม Submit

8. เมื่อมาถึงหน้านี้ ให้คลิกที่แท็บ WebSite แล้วก็ป้อน url เว็บท่านแบบเต็มในช่องแรก ป้อนเฉพาะชื่อเว็บพร้อมดอทในช่องสอง (ก็ดูเอาตามในภาพนั่นแหละ) เสร็จแล้วก็กดปุ่ม Save Change ซะ

ท่านจะสังเกตเห็นว่า เหนือช่องที่ให้ป้อนข้อมูล มันจะมี Application ID กับ Application Secret ให้ก้อปปี้ Application ID ไว้ เดี๋ยวเราต้องใช้

เอาระบบคอมเม้นท์ของเฟชบุกมาติดตั้งที่เว็บ

ไปอ่าน เดอะโซเชียลคอมเม้นท์ภาคแรกซะ เขียนไว้แล้ว http://www.select2web.com/facebook/new-comment-style.html เกียจเขียนซ้ำ

เติมเต็มโซเชียลคอมเม้นท์ให้เต็มลูกสูบ

ถึงเวลาได้ใช้ Application ID ที่ให้ก้อปไว้แล้ว  ตัวคอมเม้นท์ของเฟชบุกนั้น เขาแจ้งไว้ในหน้า develop แล้วละว่ามันยังมีออปชั่นให้ปรับแต่งอีกพอสมควร เช่น แจ้งเตือนไปยังวอลแอดมินเมื่อมีการคอมเม้นท์ , ใส่ภาพโลโก้ประกอบงามๆ , มีไตเติลสวยๆ   เอาเป็นว่ามันจะได้สวยๆ ไม่ได้มีแต่เฉพาะคำคอมเม้นท์เท่านั้น  ซึ่งมันอาจจะส่งผลให้คนทั่วไปจำชื่อเว็บเราได้ดีขึ้น จำโลโก้เราได้ดีขึ้น

การปรับแต่งนั้น เขาจะใช้ meta tag ฝังเข้าไปในส่วนหัวของเว็บไซต์เรา ซึ่ง meta tag ที่ควรค่าแก่การใช้ มีดังนี้

[code lang=”plain”]
<meta property=’og:title’ content=’select2web เดอะนิวลุค ปี5′ />
<meta property=’og:type’ content=’article’ />
<meta property=’og:site_name’ content=’select2web.com’ />
<meta property=’og:url’ content=’http://www.select2web.com/other/select2web-new-look.html’ />
<meta property=’fb:app_id’ content=’161430546256784′ />
<meta property=’og:image’ content=’http://farm7.static.flickr.com/6155/6162536862_306f1bb91c.jpg’ />
<meta property="fb:admins" content="1219544733"/>
[/code]

og:title : สำหรับใส่ไตเติลของเว็บท่าน
og:type : ให้ใส่ website อย่าไปใส่คำอื่นมั่ว
og:site_name : ใส่ชื่อเว็บไซต์ เอาเฉพาะชื่อก็พอ
og:url : url ของหน้าที่แสดงคอมเม้นท์
fb:app_id : ป้อน Application ID ที่ได้จากเฟชบุก
og:image : url ที่เก็บภาพโลโก้เว็บของเรา แนะนำว่าให้ใช้ 48*48 ใหญ่กว่านี้ผมก็ไม่รู้ว่าใช้ได้หรือเปล่า ลองดูเอาละกัน
fb:admins : ID แอคเค้าเฟชบุกของท่าน (เดี๋ยวจะสอนวิธีหา)

ภาพตัวอย่างการใส่โค้ด ของแท้นะเนี่ย ที่เว็บ select2web.com เองเลย

วิธีหาหมายเลข ID แอคเค้าของเฟชบุก

สำหรับคนที่ยังไม่ได้ทำการเปลี่ยนชื่อ url ในเฟชบุก เมื่อท่านล้อกอินเข้าไปยังหน้าวอลของท่าน มองดูที่ address bar ก็จะเห็นรหัสของท่าน (หลายโขตัวอยู่)
แต่สำหรับคนที่เปลี่ยนจากรหัสให้เป็นชื่อคงที่แล้ว ลำบากละทีนี้ (ผมหาอยู่หลายวัน) ตัวอย่างแอคเค้าที่เปลี่ยนจากรหัสเป็น url แบบคงที่แล้ว http://www.facebook.com/watcharamet (โฆษณามันซะเลย นี่แน่ะ)

ให้ท่านคลิกแก้ไขรูปโปรไฟล์ท่าน มันจะพาไปยังหน้าอัปรูปใหม่ใช่มะ ให้เอาเมาส์ไปชี้ Edit Thumbnail แล้วมองที่ล่างขอบจอ ท่านจะเจอหมายเลขรหัสของท่านเอง

ผมลองหา ลองชี้จากตำแหน่งอื่นทั่วทั้งเว็บนะ ไม่มีเลย มันเปลี่ยนเป็น watcharamet หมด มีเหลืออยู่ที่เดียวนี่แหละ ไม่รู้ว่าเฟชบุกมันลืมหรือมันตั้งใจ

เอ้าจบละ หวังว่าจะเป็นประโยชน์อย่างแรงนะ

เกือบลืมไป ท่านไม่ต้องห่วง ต่อไปถ้ามีคนมาคอมเม้นท์ มันก็จะแจ้งเตือนที่วอลท่านเอง หรือถ้าอยากจะอ่านคอมเม้นท์เก่าๆ แบบเหมารวม ก็เข้าไปที่ https://www.facebook.com/developers/apps.php นั่นแล แล้วพยายามมองหา Moderate Comments

วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย

Programmer, Blogger

ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ