เทคนิคโพสต์รูปหรือข้อความไปยัง Facebook ด้วย Javascript
ก่อนอื่นเราต้องเตรียมการเชื่อมต่อกับ Facebook ก่อน โดยใช้คำสั่งนี้ในตอนโหลดเพจ
window.fbAsyncInit = function () {
FB.init({
appId: 'FACEBOOK_APP_ID',
cookie: true,
status: true,
xfbml: true,
version: 'v2.8'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/th_TH/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
- appId ให้ระบุค่า App ID จาก Facebook ของคุณ
การโพสต์รูปไปยัง Facebook เราจะโพสต์ผ่าน FB.ui ด้วยคำสั่งด้านล่าง
FB.ui({
method: 'share_open_graph',
action_type: 'og.shares',
action_properties: JSON.stringify({
object: {
'og:title': 'Your message',
'og:image:width': 476,
'og:image:height': 476,
'og:image': 'https:/domain.tld/path/to/image.png'
}
})
- og:title สำหรับระบุข้อวามที่ต้องการโพสต์ สามารถใส่ค่าว่างได้ แต่จำเป็นต้องระบุเสมอ
- og:image:width และ og:image:height ใช้เพื่อระบุขนาดของรูปภาพที่จะโพสต์ (ในกรณีที่มีรูปภาพ) เพื่อให้ Facebook สามารถโพสต์ได้อย่างรวดเร็ว ไม่ต้องตรวจสอบขนาดของรูปภาพก่อน
- og:image สำหรับระบุ URL ของรูปภาพที่จะโพสต์