วิธีที่ดีที่สุดในการเพิ่มฟีด Instagram บนเว็บไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2022-04-10

เมื่อคนส่วนใหญ่นึกถึงโซเชียลมีเดีย พวกเขาจะนึกถึง Facebook และ Twitter อย่างไรก็ตาม Instagram กำลังกลายเป็นหนึ่งในเครื่องมือโซเชียลมีเดียที่ใหญ่ที่สุดทางออนไลน์อย่างรวดเร็ว เป็นไซต์แบ่งปันรูปภาพที่มีผู้ใช้งานมากกว่า 400 ล้านคนต่อเดือน นอกจากนี้ยังได้รับการจัดอันดับให้เป็นหนึ่งใน 10 อันดับแรกของเว็บไซต์ที่มีผู้เข้าชมมากที่สุดในอเมริกา ธุรกิจของคุณต้องอยู่ที่นั่น!

บทความนี้จะกล่าวถึงวิธีการต่างๆ ที่คุณสามารถใช้เพื่อแสดงฟีด Instagram ของคุณบนเว็บไซต์ที่ขับเคลื่อนด้วย WordPress

Instafeed.js เป็นตัวเลือกที่ยอดเยี่ยม แต่ไม่มีฟีเจอร์ทั้งหมดที่คุณอาจต้องการ วิดเจ็ต Instagram และปลั๊กอิน Smashballoon ของ Elfsight เป็นอีกสองตัวเลือกที่ควรพิจารณาหากคุณต้องการสร้างฟีด Instagram ที่มีฟังก์ชันการทำงานมากกว่าที่ instafeed.js มีให้ อ่านต่อเพื่อเรียนรู้เกี่ยวกับวิธีการเพิ่มฟีด Instagram สามวิธีในไซต์ WordPress ของคุณ!

เหตุใดจึงต้องเพิ่มฟีด Instragram ให้กับเว็บไซต์ของคุณ

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

Instagram มีผู้ใช้งานประมาณ 300 ล้านคนต่อเดือน นั่นคือจำนวนมหาศาลของสายตาสำหรับผลิตภัณฑ์หรือบริษัทของคุณ แม้ว่าเป้าหมายของคุณไม่ใช่การขายของโดยตรง แต่ฟีด Instagram ก็มีค่ามหาศาล

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

Instagram ยังเป็นหนึ่งในวิธีที่ดีที่สุดในการสร้างความภักดีต่อแบรนด์และสร้างความมั่นใจว่าลูกค้าจะกลับมาอีกเรื่อยๆ ตัวอย่างที่ดีจากลูกค้ารายหนึ่งของเรา (บริษัทอาหารเสริมออนไลน์) แสดงให้เห็นว่าฟีด Instagram ของพวกเขาช่วยให้พวกเขาเชื่อมต่อกับลูกค้าและสร้างความภักดีต่อแบรนด์ได้อย่างไร แม้ว่าพวกเขาจะไม่ได้ขายอะไรเลยก็ตาม

ดังนั้น... เรารู้แล้วว่า Instagram นั้นคุ้มค่า และการแสดงฟีด Instagram บนเว็บไซต์ WordPress ของคุณนั้นมีค่า ทีนี้มาพูดถึงวิธีการทำกัน

เราจะครอบคลุมสามวิธี วิธีแรกคือไลบรารี JavaScript ฟรีที่เรียกว่า Instafeed.js ตัวเลือกที่สองคือ Instafeed Widget ของ Elfsight และตัวเลือกที่สามคือปลั๊กอิน Smashballoon สิ่งเหล่านี้แตกต่างกันไปในแง่ของความซับซ้อนและราคา - และในฐานะหน่วยงาน เราจะกระจายความคิดของเราในขณะที่เราใช้วิธีการเหล่านี้ทั้งหมด

ใช้ไลบรารี InstaFeed.js

วิธีแรกคือไลบรารี InstaFeed.js ใช้งานได้กับเบราว์เซอร์หลักๆ ทั้งหมด รวมถึงอุปกรณ์เคลื่อนที่ และไม่ต้องใช้โค้ดฝั่งเซิร์ฟเวอร์เพื่อทำงาน ไลบรารี่สามารถใช้ได้ฟรีจาก GitHub และคุณสามารถรวมไลบรารีนั้นไว้ในองค์ประกอบ <head> ของไซต์ของคุณโดยใช้แท็กสคริปต์อย่างง่าย

เมื่อเร็วๆ นี้ พวกเขาได้เปิดตัว Instafeed เวอร์ชัน 2.0 ซึ่งขณะนี้ใช้งานได้กับ Instagram API ใหม่

เนื่องจากเป็นรหัสโอเพ่นซอร์สจึงฟรี

นี่คือคุณสมบัติหลักบางประการ:

  • นี่เป็นวิธีที่ยอดเยี่ยมในการสร้างฟีด Instagram พื้นฐานบนเว็บไซต์ของคุณ
  • ใช้งานง่าย น้ำหนักเบา และสมบูรณ์แบบสำหรับไซต์ที่มีการเข้าชมไม่มากหรือมีรูปภาพจำนวนมาก (จะไม่ทำให้หน้าเว็บช้าลง)
  • โดยรวมแล้วเราชอบมันมากเพราะว่ามันเบาและทำงานได้ดี
  • ขณะนี้ InstaFeed ใช้งานได้กับ Instagram API ใหม่ การทำเช่นนี้จะเพิ่มโอกาสที่เว็บไซต์ของคุณจะไม่ถูกลบ เนื่องจากเป็นไปตามหลักเกณฑ์ API ใหม่

ไลบรารี JS นี้ค่อนข้างติดตั้งได้ง่ายหากคุณรู้ว่ากำลังทำอะไรอยู่ แต่เมื่อเทียบกับวิธีการอื่น ซับซ้อนกว่ามาก มาดูขั้นตอนการติดตั้งกัน

ขั้นแรก เราเพิ่มไลบรารีผ่าน CDN

ซึ่งทำได้โดยใส่แท็กสคริปต์ที่ส่วนหัวของเว็บไซต์ WordPress ของเรา

ต่อไป เราเริ่มต้นวิดเจ็ตบนไซต์ของเรา และเพิ่มลงใน div ด้วย ID โดยพลการ:

var instaFeed = ใหม่ InstaFeed("#myInstagramWidget");

จากนั้น เราตั้งค่าตัวเลือกต่างๆ เช่น ชื่อผู้ใช้ Instagram จำนวนรูปภาพที่จะแสดง ฯลฯ:

จากนั้น div ที่มี ID ของ #myInstagramWidget จะถูกเติมด้วยฟีด Instagram

หากคุณเชี่ยวชาญด้านเทคนิค คุณสามารถสร้างมุมมองที่กำหนดเอง แสดงแฮชแท็ก และทำแทบทุกอย่างที่คุณต้องการในแง่ของการเพิ่มฟีด Instagram ลงใน WordPress (ที่จริงแล้วเราใช้ไลบรารีนี้ในฟีด Instagram ระดับมืออาชีพของเราสำหรับ Oxygen Builder ส่วนประกอบ). แต่คุณจะต้องเข้าใจ JS และไลบรารี่นี้เป็นอย่างดีจึงจะสามารถทำได้

ในแง่ของประสิทธิภาพ ขนาดของ Instafeed คือ 1.5kb และจะทำงานได้กับเบราว์เซอร์หลักทั้งหมดและไม่มีการพึ่งพาฝั่งเซิร์ฟเวอร์

ปัญหาของวิธีนี้คือมีฟังก์ชันที่จำกัดเมื่อเทียบกับวิธีอื่นๆ ในการเพิ่มฟีด Instagram ในเว็บไซต์ของคุณ สคริปต์พยายามจำลอง "Photo Map" ของ Instagram แต่ก็ทำได้ไม่สมบูรณ์แบบนัก นอกจากนี้ยังต้องซับซ้อนสำหรับผู้ที่ไม่รู้จัก JavaScript ทำให้ไม่เหมาะสำหรับเจ้าของธุรกิจที่กำลังมองหาวิธีแก้ปัญหาง่ายๆ

โชคดีที่มีตัวเลือกอื่น ๆ สำหรับเจ้าของธุรกิจที่ไม่มีเวลาหรือทักษะในการตั้งค่าด้วยตนเอง เราจะผ่านสองสิ่งในตอนนี้!

วิดเจ็ตฟีด Instagram ของ ElfSight

ฟีด ElfSight IG เป็นอีกวิธีหนึ่งในการเพิ่มรูปภาพ Instagram ลงในเว็บไซต์ WordPress ตัวนี้กำหนดค่าและติดตั้งได้ง่าย ออกแบบมาอย่างดี และใช้งานง่าย

ด้วย Elfsight คุณสามารถเพิ่มฟีด Instagram ของคุณไปยังส่วนใดก็ได้ของหน้า WordPress รวมถึงส่วนหัว แถบด้านข้าง หรือส่วนท้าย คุณยังสามารถจัดรูปแบบองค์ประกอบต่างๆ เช่น สีและแบบอักษร ตลอดจนเพิ่ม CSS ที่กำหนดเองได้

สำหรับบางคน ElfSight ให้บริการฟรี แต่ในกรณีส่วนใหญ่ คุณจะต้องเลือกใช้แผนพื้นฐานหรือแผนมืออาชีพ แผนโปรมีค่าใช้จ่าย $10/เดือน และมาพร้อมกับ:

  • ไม่จำกัดเว็บไซต์
  • 50,000 วิว
  • การสนับสนุนระดับพรีเมียม
  • บริการติดตั้งฟรี
  • การลบโลโก้ Elfsight

มีแผนพื้นฐาน $5/เดือน ที่จำกัดกว่าเล็กน้อย รวมถึงแผน Lite ฟรี

มีตัวเลือกการปรับแต่งที่ใช้งานง่ายและแตกต่างกัน 50 แบบรวมถึงเทมเพลตให้เลือก แตกต่างจาก Instafeed ด้วย Elfsight คุณยังสามารถแสดงรูปภาพจากบัญชี Instagram สาธารณะใดๆ หรือโดยแฮชแท็ก ตำแหน่ง หรือ URL รูปภาพ และไม่ต้องกังวลกับการผสมผสานทั้งหมดเข้าด้วยกัน – รองรับการรวมกันทุกรูปแบบ

สามารถกรองหรือกลั่นกรอง และแสดงเป็นเส้นตารางหรือตัวเลื่อน คุณยังสามารถมีป๊อปอัป!

โซลูชันนี้น่าสนใจเพราะจริงๆ แล้วไม่ใช่ปลั๊กอิน แต่คุณติดตั้งโดยฝังโค้ดบางตัวในไซต์ของคุณ เช่น Instafeed แต่สำหรับโค้ดนี้ เป็นเพียงการคัดลอกและวาง การผสานรวมเป็นไปอย่างราบรื่น และมีตัวเลือกมากมายสำหรับการแสดงเนื้อหา มีการอัปเดตอยู่เสมอ และทุกอย่างได้รับการจัดการบนเว็บไซต์ Elfsight

ในสามรายการของเรา Elfsight เป็นรายการโปรดของเรา พวกเขามีคุณสมบัติที่ยอดเยี่ยมในแพ็คเกจที่ใช้งานได้ตลอดจนการสนับสนุนที่ยอดเยี่ยม เหนือสิ่งอื่นใด การกำหนดราคานั้นสมเหตุสมผลสำหรับสิ่งที่คุณได้รับ

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

ปลั๊กอิน Smash Balloon

รายการสุดท้ายในรายการของเราคือ Smash Balloon Instagram Feed Plugin นี่เป็นปลั๊กอิน WordPress มาตรฐาน

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

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

Instagram Feed Pro เป็นปลั๊กอิน WordPress ที่ตอบสนองได้ดีสำหรับบัญชี Instagram ของคุณ ซึ่งได้รับการออกแบบมาตั้งแต่ต้นเพื่อให้ทำงานได้ดีกับทุกอุปกรณ์ ไม่ว่าคุณจะใช้หน้าจอสัมผัสหรือไม่ก็ตาม

สิ่งที่เหลือเชื่อเกี่ยวกับบริษัทที่อยู่เบื้องหลังปลั๊กอิน WordPress Smash Balloon คือการสนับสนุนที่พวกเขาเสนอให้ การติดต่อกับทีมผ่านเว็บไซต์ของตนเป็นเรื่องง่าย และขอแนะนำให้คุณดำเนินการดังกล่าวหากต้องการความช่วยเหลือหรือมีคำถามเกี่ยวกับปลั๊กอินนี้ บริษัทยังมีบล็อกดีๆ ที่คุณสามารถหาคำแนะนำและคำแนะนำต่างๆ เกี่ยวกับการใช้ Instagram บนไซต์ของคุณได้

สำหรับไซต์เดียว มีค่าใช้จ่าย $49 ต่อปี และแน่นอน หากคุณต้องการใช้ปลั๊กอิน คุณจะต้องมีใบอนุญาต

คำเกี่ยวกับ Instagram API

สิ่งที่ต้องพิจารณา (และแง่มุมหนึ่งของ Instagram ที่น่ารำคาญ) คือ API และข้อจำกัดที่มาพร้อมกับมัน ปัญหาคือ Instagram API มีจำนวนคำขอสูงสุดต่อผู้ใช้ เมื่อสคริปต์ของคุณเกินจำนวนนี้ คุณจะได้รับข้อความแสดงข้อผิดพลาดจาก Instagram ที่แจ้งให้คุณหยุด และ Instagram จะปิดการเข้าถึงบัญชีของคุณหากตรวจพบว่ามีการใช้งานมากเกินไป

ไม่ได้หมายความถึงการปิดการใช้งานบัญชีของคุณโดยถาวร (แม้ว่าพวกเขาจะทำอย่างนั้นในอดีต) แต่คุณอาจไม่สามารถดึงข้อมูล Instagram ได้อีกจนกว่าคุณจะปรับรหัสของคุณหรือรอชั่วโมงเพื่อให้ Instagram รีเซ็ตคำขอของคุณ ดังนั้น พึงระลึกไว้เสมอว่าเมื่อสร้างฟีด Instagram ของคุณ และอย่าใช้ API ในทางที่ผิด!

API ก็เปลี่ยนแปลงไปมากเช่นกัน โดยเฉพาะตอนนี้ที่ Facebook เป็นเจ้าของบริษัท ตัวอย่างเช่น เป็นไปไม่ได้ที่จะแสดงฟีด Instagram บนเว็บไซต์ WordPress โดยไม่มีคีย์ API เฉพาะ

การอนุญาต Instagram Legacy API ที่เหลือถูกปิดใช้งานในวันที่ 29 มิถุนายน 2020 ตอนนี้ devs จำเป็นต้องใช้ Instagram Basic Display API และ Instagram Graph API ซึ่งหมายความว่าตอนนี้ปลั๊กอิน WordPress ใด ๆ จะต้องสร้างโดยใช้ Instagram API

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

จับตาดูข่าว API ที่เกี่ยวข้องกับ Instagram เสมอ หากพวกเขาทำการเปลี่ยนแปลงในอนาคตและคุณอยู่ในความมืด ฟีด WordPress Instagram ของคุณอาจหยุดทำงาน!

โซลูชันฟีด Instagram ที่ดีที่สุดสำหรับ WordPress คืออะไร?

Elfsight เป็นผู้ให้บริการที่ดีที่สุดในตอนนี้ พวกเขามีแพ็คเกจที่ดีที่สุดสำหรับราคา และเราชอบการสนับสนุนและผลิตภัณฑ์ของพวกเขามากที่สุด หากคุณเป็นเจ้าของธุรกิจหรือผู้ดูแลเว็บที่กำลังมองหาโซลูชันที่คุ้มค่าและโดดเด่นเป็นพิเศษนั่นคือคนของคุณ

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

ในที่สุด Smash Balloon ก็เป็นวิธีแก้ปัญหาที่น่านับถือ Instagram Feed Pro ช่วยให้คุณแสดงฟีด Instagram ที่ปรับแต่งได้อย่างสมบูรณ์บนเว็บไซต์ของคุณและทำให้พวกเขาโต้ตอบได้

อย่างไรก็ตาม เมื่อเทียบกับ Elfsight บางคนอาจพบว่าซับซ้อนกว่า แต่ราคาถูกกว่า!!

ไม่ว่าคุณจะเลือกวิธีแก้ไขปัญหาใด ตรวจสอบให้แน่ใจว่าปลั๊กอิน/ไลบรารีได้รับการอัปเดตเป็นประจำเพื่อหลีกเลี่ยงปัญหาหรือปัญหาในการใช้งาน

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

สมัครสมาชิก & แชร์
หากคุณชอบเนื้อหานี้ สมัครรับข่าวสาร WordPress แรงบันดาลใจเว็บไซต์ ข้อเสนอสุดพิเศษและบทความที่น่าสนใจทุกเดือนของเรา
ยกเลิกการสมัครได้ตลอดเวลา เราไม่สแปมและจะไม่ขายหรือแบ่งปันอีเมลของคุณ