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