วิธีเพิ่มรูปภาพ Instagram ไปยังเว็บไซต์ของคุณโดยไม่ต้องใช้ API

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

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

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

Instagram API

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

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

ไม่ได้หมายความว่าจะไม่เกิดขึ้น ฉันแน่ใจว่าคุณเคยเห็นเว็บไซต์หลายสิบแห่งที่ไม่ได้ทำอะไรเลยนอกจากขูด Instagram ไซต์เช่น Picdeer, Pictame และ Piknow มีประวัติที่น่าสนใจอยู่เบื้องหลัง ดังนั้นให้ฉันพูดนอกเรื่องสักครู่

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

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

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

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

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

กลับไปที่คำถามหลักแม้ว่า ทำไมไม่ลองใช้หนึ่งในปลั๊กอินเหล่านี้ล่ะ? Instagram API เป็นผู้หญิงที่ไม่แน่นอน อันที่จริง เมื่อเร็ว ๆ นี้ในเดือนธันวาคมปี 2018 Instagram ได้ทำการเปลี่ยนแปลงครั้งสำคัญกับ API ของพวกเขาและเลิกใช้เวอร์ชันที่เก่ากว่า เห็นข้อจำกัดความรับผิดชอบ/คำเตือนขนาดใหญ่ที่ด้านบนของหน้านี้หรือไม่ นั่นคือแบรนด์คำเตือนทั้งหมดที่ใช้ API ที่ได้รับ

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

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

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

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

ตัวเลือกที่ 1: แกล้งมัน

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

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

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

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

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

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

ตัวเลือก 2: การฝังด้วยตนเอง

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

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

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

ตัวเลือกที่ 3: การใช้เครื่องขูดของบุคคลที่สาม

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

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

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

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

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

ตัวเลือกที่ 4: การสร้างมีดโกนแบบกำหนดเอง

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

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

ตัวเลือกที่ 5: การใช้ปลั๊กอิน

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

พิจารณาตัวเลือกเหล่านี้: EmbedSocial, Juicer, SnapWidget และ Elfsight เหล่านี้คือตัวเลือกทั้งหมดที่จะบรรลุสิ่งที่คุณต้องการด้วยการตั้งค่าเพียงเล็กน้อย แน่นอนว่าพวกเขามีข้อดีและข้อเสียของตัวเอง และบางอย่างก็ไม่ฟรี แต่นั่นคือสิ่งที่คุณต้องพิจารณา