[Facebook Fanpage] วิธีสร้างแท็บเมนูด้วย Static IFRAME Tab

แท็บเมนูในหน้าแฟนเพจเว็บ 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 เขียนหน้าเพจเองเลยก็ได้