ใช้ Open Graph ของ facebook ในเว็บตัวเองโดยใช้ readygraph by nandanai

Open Graph เป็น feature ของ facebook ที่ทำให้ผู้ใช้สามารถทำกริยาได้หลายอย่างมากกว่าการกด like ซึ่งอยู่ที่เราจะตั้ง ไม่ว่าจะเป็น listen,cook หรือจะเป็นอะไรก็ได้

โดยเริ่มต้นเราต้องสร้าง application เป็นของตัวเองขึ้นมาก่อน สามารถอ่านขั้นตอนได้ที่ http://blog.levelup.in.th/2012/04/28/%E0%B8%A1%E0%B8%B2%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99-developer-%E0%B8%82%E0%B8%AD%E0%B8%87-facebook-%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B9%80%E0%B8%96%E0%B8%AD%E0%B8%B0/

1. จากนั้นไปที่ http://www.readygraph.com แล้วกด sign in เพื่อเชื่อมต่อกับ facebook ที่เรากำลังล็อคอินอยู่

2. ไปตรงแถบ customize ทำตามขั้นตอนเพื่อเชื่อมต่อกับ app ของเรา

3. ไปที่ connect my own app เพื่อใส่ key ของ app เราตามที่ระบุไว้

4. เราจะสามารถสร้าง action ของเราได้ที่ + New Action ตามภาพ โดยควรใส่เป็นตัวพิมพ์เล็กทั้งหมด

5. จากนั้นไปเพิ่ม action และ object ใน open graph ของ facebook ในหน้า developer ให้เหมือนกับที่เราเพิ่มใน readygraph

6. ถ้าเราทำถูกขั้นตอน จะมี code ขึ้นมาให้เรา copy ไปวางใน code ของเราเพื่อใช้โดยแก้ตามช่อง title ต่างๆ ได้แล้วครับ แต่ถ้าจะให้คนอื่นเห็น action ต้องทำการ submit action ใน opengraph ให้เรียบร้อยด้วย