ปลั๊กอิน ความคิดเห็นจากเฟซบุ๊ก

ปรับปรุง : 2564-10-30 (ปรับ tracker)

ระบบ comment ที่บริการโดย facebook สำหรับ developer

ตัวอย่างการใช้งาน
key.php?kritsada_fb
/itinlife
/handbill
/ntufan

เฟสบุ๊กพัฒนาระบบแสดงความคิดเห็น (comment) ให้นักพัฒนานำไปใช้ ซึ่งระบบนี้ถูกพัฒนาอย่างต่อเนื่อง เปิดบริการ script มาให้ใช้งานแล้วหลายรุ่น นั่นหมายความว่าเปิดรุ่นเก่าให้ใช้ รุ่นใหม่ก็จะใช้ไม่ได้ ถ้านักพัฒนาที่ไม่ได้ตามข่าว เมื่อเคยนำ script ไปใช้แล้ว ต่อมาพบว่าระบบ comment ทำงานผิดพลาดไป ก็จะต้องเปลี่ยนไปใช้ script ชุดใหม่ ถ้านักพัฒนาที่ติดตามข่าว และรู้เท่าทัน ก็จะแก้ไข script ก่อนวันที่โค้ดชุดเก่าจะหมดอายุ ทำให้ระบบ comment ให้บริการลื่นไหลต่อเนื่อง ซึ่ง script บริการะบบ comment ในปัจจุบันจะต้องกำหนด url ของเว็บเพจที่ใช้ comment นั้น ให้กำหนดค่าให้กับตัวแปร data-href แล้วถ้า url ของเพจไม่ตรงกับค่าในตัวแปร data-href ระบบการแสดง comment ก็จะไม่ทำงาน นั่นคือไม่ปรากฎอะไรออกมาให้เห็น
ซึ่งบริการ Applicaiton id นี้ ผูกกับบัญชี facebook ของเรา ถ้าต้องการจัดการ หรือสร้าง app id ใหม่ เริ่มต้นจากการเข้าไปที่ developers.facebook.com/apps/ คลิ๊ก Create App เลือก Select an app type ซึ่งมี 6 แบบ คือ 1) Business 2) Workplace 3) Consumer 4) Instant Games 5) Gaming 6) **None** จากนั้นกรอกชื่อ App Display Name : mycontents แล้วคลิ๊ก Create app เท่านี้ก็มี App ID ไว้ใช้งานแล้ว ต่อจากนี้ Facebook เสนอ Products ให้เลือกอีกมากมาย อาทิ Facebook Login , Audience Network , App Events , Messenger , Webhooks , Instant Games , Marketing API , App Center , Web Payments , Instagram Graph API , Instagram Basic Display , ThreatExchange , Jobs , Fundraisers ต่อจากนี้ก็ใช้งาน App ID ของเราได้แล้ว เช่นใช้บริการ Comments Plugin เป็นต้น ถ้าต้องการจัดการ comment ตาม App ID ให้เข้าไปแต่ละโพสต์ที่เปิดรับ comment แล้วคลิ๊ก Moderation Tool หรือ Review on App ID ก็จะเข้าจัดการกับ comment ที่อยู่ใต้โพสต์นั้นได้

Tools / debug

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

ต.ย.1 : รุ่น function - script (รุ่นเก่า ยังใช้ได้อยู่) Script ชุดนี้ใช้งาน ที่ thaiall.com/itinlife/article.php?id=823
และที่ thaiall.com/web2/key.php?topic=kritsada_fb&id=1
พบว่า plugin สำหรับเปิดรับ comment จากผู้ใช้ facebook บน webpage ของผู้พัฒนา ไม่ได้ทำงานตามปกติ คือ ยังไม่เปิดรับ comment ซึ่งการแก้ไข สามารถทำได้โดยนำลิงก์ของ webpage เข้าไปโพสต์ใน facebook เพื่อให้ระบบของ facebook ได้รู้จักลิงก์นี้ ว่าเคยถูกโพสต์แล้ว เสมือนการแจ้งให้เฟซบุ๊กได้รู้จักลิงก์นี้ ก็จะทำให้ระบบ comment เปิดรับความคิดเห็นได้ปกติ ดังนั้นผมจึงนำลิงก์ของบทความในเว็บไซต์ ไปแชร์ใน fanpage และ profile ของผม อยู่เสมอ เพื่อกระตุ้นให้การทำงานของ comment ถูกเปิดใช้งานโดยสมบูรณ์
ส่วนที่หนึ่ง : กำหนด function ใต้ body

<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/en_US/all.js#xfbml=1&appId=[your app id]";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

ส่วนที่สอง : กำหนด comment โดยวางในตำแหน่งที่ต้องการ

<div 
class="fb-comments" data-href="http://x.com/x.htm" data-width="470" data-num-posts="10">
</div>

ต.ย.2 : รุ่น url - script (รุ่นใหม่ เริ่มใช้เมื่อ 2564) Script ชุดนี้ใช้งาน ที่ thaiall.com/ntufan/album.htm
ส่วนที่หนึ่ง : กำหนด function ใต้ body

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" 
src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v11.0&appId=[your app id]&autoLogAppEvents=1" nonce="LnQHPxvV">
</script>

ส่วนที่สอง : กำหนด comment โดยวางในตำแหน่งที่ต้องการ

<div class="fb-comments" 
data-href="https://www.thaiall.com/ntufan/album.htm" 
data-width="100%" data-numposts="5">
</div>

ต.ย.3 : รุ่น url - script (ที่ใช้ร่วมกับ php) Script ชุดนี้ใช้งาน ที่ thaiall.com/handbill/getapart.php?k=top-01
นักพัฒนาสามารถขอ code ได้จาก developers.facebook.com/ .. /comments/ เมื่อได้ code มาแล้วก็กำหนดค่าของ data-href เป็น http หรือ https แล้วใช้ได้ทันที เมื่อเปลี่ยนตัวแปรจาก ?k=top-01 เป็น ?k=top-02 ก็ยังใช้งานได้ แต่พบในบาง webpage บริการ comment ไม่แสดงตามปกติ ตัวอย่างที่แสดงปกติ เช่น top-01 เปิดรับความคิดเห็นได้ปกติ แต่ตัวอย่าง top-02 พบว่า plugin ไม่ทำงาน วิธีแก้ไขคือ นำ link ไปวางใน facebook.com ให้ระบบได้รู้จักลิงก์นี้ก่อน จึงจะมีทำให้ plugin ทำงานได้ หลังจากนั้น top-02 จึงจะเปิดรับความคิดเห็นได้ปกติ

<?php if (isset($_REQUEST["k"])) $myk = "?k=" . $_REQUEST["k"]; else $myk =""; ?>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" 
src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v11.0&appId=[your app id]&autoLogAppEvents=1" nonce="[from facebook]">
</script>
<fieldset style="background-color:white;width:90%"><legend>แลกเปลี่ยนกัน</legend>
<div class="fb-comments" 
data-href="https://www.yourdomain.com/code.php?id=<?php echo $myk; ?>" data-width="100%" data-numposts="5">
</div>
</fieldset>

แนะนำเว็บไซต์
thaiall.com/web2/key.php?topic=kritsada_fb&id=1
thaiall.com/itinlife/article.php?id=823
thaiall.com/handbill/getapart.php?k=top-01
thaiall.com/ntufan/
thaiall.com/me/
Official webpage : Comments - Social Plugin

ความคิดเห็นแบบฝัง ถูกยกเลิก 6 ก.ย.2564

อ่านรายละเอียดที่ developers.facebook.com/docs/plugins/embedded-comments/
เฟสบุ๊กได้ยกเลิกการใช้งานปลั๊กอิน (plugin) ความคิดเห็นแบบฝังแล้ว ปลั๊กอินนี้จะยังสามารถใช้งานและเข้าถึงได้จนถึงวันที่ 6 กันยายน 2021 หลังจากนั้นเป็นต้นไป ปลั๊กอินนี้จะหยุดให้บริการและไม่สามารถใช้งานได้อีก แต่ embedded post ยังเปิดบริการอยู่นะครับ
ความสามารถนี้ คือ การนำความคิดเห็นต่อโพสต์ในแฟสบุ๊ค ไปแสดงในเว็บเพจ หรือพื้นที่นอกเฟซบุ๊ก ซึ่งสรุปได้ว่าบริการนี้ถูกยกเลิกแล้ว ซึ่งบริการแบบนี้ผมก็ไม่เคยใช้นะครับ ที่เคยใช้ คือ การนำลิงก์ของภาพในเฟซบุ๊ก (url) ออกไปใช้ ผ่าน img tag ตรง ๆ เพื่อแสดงภาพโดยตรงบนเว็บเพจของผม แต่ก็เลิกไปนานแล้ว เพราะตอนทดสอบใช้งานไม่พบปัญหา เมื่อเวลาผ่านไประยะหนึ่ง facebook เปลี่ยน server เก็บภาพ และเปลี่ยนบ่อย ครั้งจะตามไปเก็บ url ของภาพมาทำฐานข้อมูลก็จะไม่สะดวก จึงเลิกใช้วิธีนั้นไป สรุปว่า embedded comment ถูกยกเลิก แต่ embeded post ยังใช้งานได้ปกตินะครับ ส่วนตัวอย่างโค้ด embeded comment ที่เฟซบุ๊กประกาศยกเลิกมีหน้าตา ดังนี้

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"></script>
<!-- Your embedded comments code -->
<div class="fb-comment-embed"
   data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
   data-width="500">
</div>

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com

Truehits.net

"ยอมรับคุกกี้"
เพื่อให้เว็บไซต์นำเสนอ
ประสบการณ์ที่ดีขึ้นสำหรับคุณ

เราใช้คุกกี้ (Cookies) เพื่อเพิ่มประสบการณ์ และความพึงพอใจของท่าน เพื่อให้เว็บไซต์สามารถใช้งานได้ง่าย และมีประสิทธิภาพยิ่งขึ้น โดยการเข้าใช้เว็บไซต์นี้ถือว่าท่านได้อนุญาตให้เราใช้คุกกี้ตาม นโยบายคุกกี้ของเรา อ่านเพิ่มเติม