วิธีเชื่อม WordPress กับ Instagram แสดงโพสต์บนเว็บไซต์

การแสดง Instagram บนเว็บไซต์ WordPress ทำได้สองแบบหลัก คือฝังโพสต์หรือรีลสาธารณะเป็นรายชิ้น หรือแสดงฟีดหลายโพสต์เป็นแกลเลอรี หากต้องการฝังโพสต์เดี่ยว สามารถใช้ปลั๊กอิน Meta Embeds ซึ่งรองรับ URL สาธารณะจาก Instagram ส่วนฟีดหลายโพสต์มักต้องใช้ปลั๊กอินฟีดที่เชื่อมบัญชี Instagram ตามขั้นตอนของผู้พัฒนา

❶ เลือกวิธีแสดง Instagram ให้เหมาะกับเว็บไซต์

เลือกวิธีตามสิ่งที่ต้องการให้ผู้เข้าชมเห็นและวิธีดูแลเนื้อหา

① ฝังโพสต์หรือรีลเป็นรายชิ้น

เหมาะกับการแสดงโพสต์เฉพาะ เช่น ตัวอย่างผลงาน รีวิว หรือประกาศสำคัญ โดยใช้ URL ของโพสต์หรือรีลสาธารณะ

② แสดงฟีดหลายโพสต์

เหมาะกับหน้าแรกหรือหน้าแกลเลอรีที่ต้องการแสดงรูปภาพหลายรายการ ระบบฟีดอาจเชื่อมกับบัญชี Instagram และดึงโพสต์ใหม่มาแสดงโดยอัตโนมัติ ทั้งนี้ความสามารถและชนิดบัญชีที่รองรับขึ้นอยู่กับปลั๊กอิน

③ เพิ่มปุ่มไปยังโปรไฟล์

หากต้องการเพียงให้ผู้เข้าชมไปติดตามบัญชี ให้เพิ่มไอคอน Social Icons หรือลิงก์ไปยังโปรไฟล์ แทนการฝังเนื้อหาบนหน้าเว็บ

❷ วิธีฝังโพสต์ Instagram ด้วย Meta Embeds

ปลั๊กอิน Meta Embeds จาก Meta ช่วยเพิ่มการรองรับการฝังโพสต์สาธารณะจาก Instagram ใน WordPress โดยไม่ต้องสร้างแอปหรือใส่ access token เอง

① ติดตั้งและเปิดใช้งานปลั๊กอิน

1. เข้าสู่ระบบหลังบ้าน WordPress
2. ไปที่ ปลั๊กอิน > เพิ่มปลั๊กอินใหม่
3. ค้นหา Meta Embeds แล้วตรวจชื่อผู้พัฒนา
4. กดติดตั้งและเปิดใช้งาน

② คัดลอกลิงก์โพสต์หรือรีลสาธารณะ

เปิดโพสต์หรือรีล Instagram ที่ต้องการ แล้วคัดลอกลิงก์ ตรวจว่าเนื้อหาเป็นสาธารณะ เพราะโพสต์จากบัญชีส่วนตัวอาจไม่แสดงแก่ผู้เข้าชมเว็บไซต์

③ วางลิงก์ในบทความหรือหน้า

เปิดหน้าแก้ไขบทความหรือหน้าเว็บ แล้ววางลิงก์ Instagram ลงในบรรทัดของตัวเอง หรือเลือกบล็อก Instagram หากมีให้เลือกในตัวแก้ไข จากนั้นดูตัวอย่างก่อนเผยแพร่

ชื่อบล็อกและวิธีแสดงตัวอย่างอาจแตกต่างกันตามรุ่น WordPress และปลั๊กอิน หากวางลิงก์แล้วไม่แสดง ให้ตรวจว่าเปิดใช้ปลั๊กอินแล้วและใช้ URL ที่รองรับ

❸ วิธีแสดงฟีด Instagram หลายโพสต์

หากต้องการแสดงโพสต์หลายรายการเป็นตารางหรือแกลเลอรี ให้เลือกปลั๊กอิน Instagram Feed ที่ยังได้รับการดูแลและรองรับรูปแบบบัญชีที่ใช้อยู่

① ติดตั้งปลั๊กอินฟีด

จากหน้าเพิ่มปลั๊กอิน ค้นหาเครื่องมือแสดง Instagram Feed ตรวจประวัติการอัปเดต ความเข้ากันได้ รูปแบบการจัดเก็บข้อมูล และสิทธิ์ที่ปลั๊กอินต้องใช้ก่อนติดตั้ง

② เชื่อมบัญชีตามขั้นตอนของปลั๊กอิน

เปิดหน้าตั้งค่าปลั๊กอิน แล้วเลือกเชื่อมบัญชี Instagram ปฏิบัติตามขั้นตอนยืนยันสิทธิ์ของผู้พัฒนา ตรวจว่าเชื่อมบัญชีหรือเพจที่ถูกต้อง และอ่านคำอธิบายสิทธิ์ก่อนอนุญาต

ปลั๊กอินบางตัวอาจรองรับเฉพาะบัญชี Creator หรือ Business หรืออาจกำหนดให้บัญชี Instagram เชื่อมกับเพจ Facebook ก่อน ให้ตรวจข้อกำหนดในหน้าตั้งค่าของปลั๊กอินที่เลือก

③ ปรับรูปแบบฟีด

เลือกจำนวนโพสต์ จำนวนคอลัมน์ ระยะห่าง และรูปแบบแสดงผล จากนั้นบันทึกฟีดและนำบล็อก วิดเจ็ต หรือเครื่องมือที่ปลั๊กอินให้มาไปวางในหน้าเว็บ

④ ทดสอบการอัปเดตฟีด

เปิดหน้าเว็บไซต์จริง ตรวจว่าโพสต์แสดงครบและลิงก์เปิดไปยัง Instagram ได้ หากโพสต์ใหม่ไม่ปรากฏ ให้ตรวจสถานะการเชื่อมต่อและการตั้งค่าการรีเฟรชของปลั๊กอิน

❹ ตรวจความเป็นส่วนตัวและความเร็วของเว็บไซต์

เนื้อหาฝังและฟีดจาก Instagram อาจโหลดสคริปต์หรือข้อมูลจาก Meta เมื่อผู้เข้าชมเปิดหน้า ควรตรวจว่าการเชื่อมต่อและการจัดการคุกกี้เหมาะกับเว็บไซต์หรือไม่

① ตรวจข้อมูลที่ปลั๊กอินเข้าถึง

อ่านรายการสิทธิ์และข้อมูลที่ปลั๊กอินใช้ หากเชื่อมบัญชีเพื่อแสดงฟีด ให้เลือกสิทธิ์เท่าที่จำเป็นและใช้เครื่องมือจากผู้พัฒนาที่เชื่อถือได้

② ตรวจผลต่อเวลาโหลด

เปิดหน้าที่มีโพสต์หรือฟีดบนมือถือและคอมพิวเตอร์ หากหน้าโหลดช้าลง ให้ลดจำนวนโพสต์ที่แสดงหรือพิจารณาใช้ภาพตัวอย่างพร้อมลิงก์ไปยัง Instagram แทนการโหลดฟีดเต็ม

③ ตรวจการแสดงผลบนมือถือ

ตรวจว่าโพสต์หรือแกลเลอรีไม่ล้นหน้าจอ รูปภาพแสดงครบ และปุ่มหรือข้อความไม่ทับกับเนื้อหาอื่น

❺ หากโพสต์ Instagram ไม่แสดง

ตรวจว่า URL เป็นโพสต์หรือรีลสาธารณะที่รองรับ ปลั๊กอินเปิดใช้งานอยู่ และไม่ได้ถูกบล็อกโดยระบบแคชหรือเครื่องมือรักษาความปลอดภัยของเว็บไซต์ หากใช้ฟีด ให้ตรวจสถานะการเชื่อมบัญชีและข้อกำหนดของชนิดบัญชี

การเปลี่ยนแปลง API หรือข้อกำหนดของ Instagram อาจทำให้ปลั๊กอินบางตัวหยุดทำงานได้ ควรเลือกปลั๊กอินที่อัปเดตต่อเนื่องและตรวจประกาศจากผู้พัฒนาเมื่อเกิดปัญหา

❻ สรุป

หากต้องการฝังโพสต์หรือรีล Instagram สาธารณะ ให้ใช้ปลั๊กอินที่รองรับ Meta Embeds แล้ววางลิงก์ในตัวแก้ไข WordPress หากต้องการแสดงหลายโพสต์เป็นฟีด ให้ใช้ปลั๊กอินฟีดและเชื่อมบัญชีตามขั้นตอนของผู้พัฒนา ก่อนเผยแพร่ควรทดสอบการแสดงผล ความเร็ว และการใช้งานบนมือถือ

สำหรับเว็บไซต์ ComSiam ควรเลือกแสดงเฉพาะโพสต์ที่เกี่ยวข้องกับเนื้อหาหน้าเว็บ และตรวจการเชื่อมต่อฟีดเป็นระยะ เพื่อให้โพสต์ยังแสดงผลได้ถูกต้อง