517322-Lab: 6. Facebook API

22/02/2013 3:47 PM Study 652 views

Facebook API

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

facebook-api

ก่อนอื่นสร้างหน้าเว็บของเราก่อนครับเป็น Facebook.html

<HTML>
<HEAD><TITLE> Facebook API </TITLE></HEAD>
<BODY>
<H2> Facebook API </H2>

เว้นส่วนนี้ไว้ก่อน เดี่ยวจะเอา code ที่ได้จาก facebook มาใส่

</BODY>
</HTML>

Facebook Like

จากนั้นไปที่บัญชี facebook ของเราตรงเมนู Developer
Developer –> Doc –> Core Concepts –> Social Plugins  เลือก Like Button
กรอกหน้าเพจของเราในช่อง URL to Like และตั้งค่าต่างๆ ดังรูป
นำ code ทั้ง 2 ช่องที่ได้ไปแทรกในส่วน body ด้วยบน

facebooklike1

facebooklike2

 

Facebook Comment

ไปที่บัญชี facebook ของเราตรงเมนู Developer
Developer –> Doc –> Core Concepts –> Social Plugins  เลือก Comment
กรอกหน้าเพจของเราในช่อง URL to Like และตั้งค่าต่างๆ ดังรูป
นำ code ที่ได้ไปแทรกในส่วน body ต่อจาก Like Button (code ส่วนที่ 1 จะเหมือนกันไมต้องแทรกเพิ่มก็ได้)

comment1

comment2

 

เมื่อเข้าหน้าเว็บของเราก็จะได้ ดังรูป
เมื่อผู้ใช้กด like ก็จะ like page ของเราก็จะไปแจ้งเตือนหน้า facebook ของเขา
หรือสามารถแสดงความคิดเห็นในหน้าเว็บของจากโดยใช้บัญชีของ facebook ก็ได้

facebook-api

 

, , ,