All PostDevelopmentFacebook

เชื่อมต่อเว็บไซต์ของเราเข้ากับ Facebook ด้วย Open Graph Protocol และ Social Plugin

เดิมบล็อกตอนนี้มีชื่อว่า “Facebook อนุญาตให้เปลี่ยน Open Graph objects types (og:type) ได้แล้ว” แต่ขอเปลี่ยนชื่อใหม่นะคะ จะได้ง่ายต่อการกลับมาค้นหาอีกครั้ง ^^

ก่อนจะพูดถึง op:type คงต้องเกริ่นถึง Open Graph protocol กันเสียก่อน :D
Open Graph protocol เป็นตัวที่จะช่วยเชื่อมต่อระหว่างผลิตภัณฑ์ของเรากับ Facebook สมมติว่าเราทำเว็บไซต์เกี่ยวกับดารา, ค่ายเพลง, ภาพยนตร์ หรืออะไรต่อมิอะไรก็ตาม ถ้าเราได้ลง Open Graph protocol และลง Social Plugin ต่างๆ (เช่นปุ่ม Like) ปุ๊บ เมื่อมีคนกด Like เว็บของเรา มันก็จะไปขึ้นในหน้า Feed ของคนๆ นั้นโดยทันที

ตัวอย่างเช่นในภาพ เมื่อมีคนกด Like ภาพยนตร์เรื่อง The Rock นอกจากจะไปอยู่ใน Feed ของคนๆ นั้นแล้ว ยังไปอยู่ในหน้า Info ส่วน Like and Interest ด้วย :D ถ้ามีคนกดมาดูประวัติหมอนี่ปุ๊บก็จะอ๋อออ ชอบ The Rock นี่เอ๊ง รสนิยมเข้ากับเราเรยย์ แบบนี้คุยกันได้ XD (ฮา)

(อนึ่ง เว็บที่ผูกกับ Open Graph Protocol เมื่ออยู่ใน Facebook จะเป็น Page ในรูปแบบหนึ่ง ที่สามารถกดเข้าไปดูได้ว่า มีใครร่วมกด Like หรือพูดถึงอะไรยังไงกันบ้าง เช่นแบบนี้

โดย Page นี้จะมี Admin เห็นเพียงคนเดียวเท่านั้น จะสามารถเช็ก Insight ได้ว่ามีใครมากด Like เราบ้าง)

ในส่วนของการเพิ่ม Open Graph protocol ก็ไม่ยาก เพียงแค่เราใส่โค้ดพวกนี้ลงใน head ของเรา

 
  
    The Rock (1996)
    
    
    
    
    
    
    
    ...
  
  ...

โดยที่

  • og:title คือชื่อเว็บที่เราจะให้แสดง
  • og:type คือประเภท (ในภาพข้างล่างจะเป็น Movie ดูประเภททั้งหมดที่ Facebook อนุญาตให้ใช้ได้ที่นี่)
  • og:url คือ url ของเว็บไซต์เรา
  • og:image คือภาพตัวอย่าง (ดูจากรูปข้างล่างได้)
  • og:site_name คือชื่อเว็บของเรา
  • fb:admins จะตั้งให้ใครเป็น admin ให้ใส่ user id ของคนๆ นั้นลงไป
  • og:description เป็นคำอธิบายเว็บสั้นๆ 1-2 บรรทัด

หลังจากนั้นเมื่อเราติดปุ่ม Like ลงในส่วนใดๆ ของเว็บไซต์ มันจะผูกเกี่ยวกับเว็บเรา ตาม Open Graph protocol ที่เราได้ตั้งค่าเอาไว้แล้ว :D
การติดปุ่ม Like ก็ไม่ยาก เข้าไปเอา Code ได้ที่ Like Button เลือกรูปแบบปุ่ม Like ที่เราต้องการ กรอกเว็บไซต์แล้วเอาโค้ดมาแปะไว้ในเว็บตามจุดที่ต้องการโลด

มาว่ากันต่อในส่วนของ Open Graph วันนี้ Facebook ได้อนุญาตให้เปลี่ยน op:type กันได้แล้ว
แต่ต้องเป็นเว็บที่มีคนกด Like น้อยกว่า 10,000 Likes นะ
ของเดิมที่ใครใช้ประเภทแบบไหนอยู่ อยากจะเปลี่ยนแปลงก็เข้าไปเปลี่ยนได้เลยค่ะ ^^

หมายเหตุ: เอนทรี่นี้จะกลับมาเปลี่ยนชื่อเป็น Open Graph protocol ในภายหลัง

ที่มา – Developer Blog
SHARE :
  •  
  •  
  •  
  •  
  •  
Bluemoon
the authorBluemoon
I come from B612 star, nerd, greedy, moody, lazy, Facebook Development, social Networking. almost Blog in Thai but English OK. ^^