แท็บเมนูในหน้าแฟนเพจเว็บ maahalai.com มากกว่าครึ่งถูกสร้างขึ้นด้วยการเชื่อมต่อกับโฮสของแอพ Static IFRAME Tab ที่ผมเลือกใช้เพราะเป็นแอพเดียวที่ทำให้ปรับแต่งไอคอนได้ตามต้องการ และสามารถจำลองเนื้อหาจากเว็บมาใส่แฟนเพจได้  แต่ขั้นตอนการทำค่อนข้างซับซ้อนหน่อย

สิ่งที่ต้องทำก่อน >> สร้าง Facebook App ขั้นพื้นฐาน

เมื่อได้แอพแล้ว  เปลี่ยนไอคอน ขนาดที่พอดีคือ 16×16

ให้กรอกเลขของโฮสตามตำแหน่ง ดังนี้

Canvas URL – http://YOURAPPID.iframehost.com/
Secure Canvas URL – https://YOURAPPID.iframehost.com/
Page Tab URL – http://YOURAPPID.iframehost.com/tab
Secure Page Tab URL -https://YOURAPPID.iframehost.com/tab

โดยให้นำเลข App ID มาใส่แทน YOURAPPID

เสร็จแล้วกด Save Changes

ดูที่เมนูซ้ายมือ กด View App Profile Page เพื่อเข้าหน้าโปรไฟล์แอพ

กด   Add to My Page เพื่อเพิ่มเข้าหน้าเพจ

เลือกแฟนเพจที่จะเพิ่ม

ตอนนี้เพิ่มเข้ามาแล้วครับ

เมื่อเปิดเข้ามาให้ล็อกอิน

  • นำเลข App Secret มาใส่
  • กด Save App Setting
  • รีเฟรชหน้าเพจ

เมื่อเข้ามาหน้านี้ก็แสดงว่าทำเสร็จแล้วครับ  ขั้นตอนต่อไปก็นำโค้ด HTML หรือเข้าเมนู Editor เขียนหน้าเพจเองเลยก็ได้

บทความก่อนหน้านี้วิธีสร้าง Facebook App ขั้นพื้นฐาน
บทความถัดไป[Facebook Fanpage] วิธีใช้ Like Box สร้างหน้าสมาชิกให้กับแฟนเพจ
เป้าหมายการทำเว็บของผมคือ คนไทยต้องเข้าถึงข้อมูลได้ง่าย จะแก้ปัญหาไอทีต้องมีทางออก เว็บมหาลัยฯจึงก่อกำเนิดขึ้น