Cara Menambahkan Foto Instagram ke Situs Web Anda Tanpa API

Anda mungkin pernah menemukan situs web di masa lalu yang menyertakan blok posting Instagram, biasanya di bagian bawah berandanya. Misalnya, situs fotografi yang berbasis di Inggris ini memiliki bilah dengan sekumpulan foto Instagram bersusun di bagian bawah beranda mereka. Jika Anda mengunjungi feed Instagram mereka secara langsung, Anda dapat melihat bahwa itu adalah postingan terbaru mereka, yang tersusun dalam kotak. Setiap kali mereka memposting sesuatu yang baru, foto baru juga muncul di situs web mereka.

Ini adalah cara yang sangat keren untuk mengintegrasikan Instagram dengan situs web Anda yang berfokus pada visual. Anda memamerkan posting terbaru Anda, dan Anda memiliki tautan siap pakai ke akun Instagram Anda untuk diklik siapa saja untuk dijelajahi.

Pengaturan semacam ini menarik dan dapat melakukan pekerjaan yang baik untuk merujuk pengunjung situs web Anda ke halaman Instagram Anda. Namun, sebenarnya lebih rumit untuk disiapkan daripada yang Anda kira.

API Instagram

Sekarang, Anda mungkin berkata kepada saya “mengapa tidak menggunakan salah satu plugin yang tersedia saja?” Jawabannya adalah, secara umum, "langsung saja." Ada banyak plugin yang memberi Anda opsi tampilan feed ini, dan saya akan membicarakannya di akhir posting ini.

Inilah masalahnya. Setiap plugin ini perlu menggunakan API Instagram untuk mengakses konten dan menarik data untuk penyematan resmi. Jika Anda tidak menggunakan API, Anda perlu mengikis halaman, dan menggores halaman umumnya bertentangan dengan persyaratan penggunaan untuk situs seperti Instagram. Lagi pula, mereka tidak ingin berurusan dengan pencuri konten dan sejenisnya.

Itu bukan untuk mengatakan itu tidak terjadi. Saya yakin Anda telah melihat beberapa dari lusinan situs web yang tidak melakukan apa pun selain mengikis Instagram. Situs-situs seperti Picdeer, Pictame, dan Piknow memiliki sejarah yang menarik di baliknya, jadi izinkan saya untuk menyimpang sejenak.

Bertahun-tahun yang lalu, Instagram hanyalah platform seluler. Tidak ada cara untuk mengaksesnya melalui apa pun selain aplikasi Instagram secara langsung. Itu berarti platform desktop tidak dapat menggunakan situs tersebut, dan itu sedikit membatasi akses bisnis.

Karena banyak orang ingin mengakses feed Instagram tanpa harus menggunakan perangkat seluler atau aplikasi seluler, semua situs ini bermunculan. Yang mereka lakukan hanyalah mengikis posting Instagram dan menampilkannya secara publik.

Akhirnya, Instagram membuat jaringan mereka terlihat di desktop, meskipun Anda masih terbatas dalam beberapa bentuk tindakan yang dapat Anda lakukan. Anda tidak dapat memposting dari desktop, untuk saat ini, sebagai contoh.

Tidak satu pun dari situs-situs ini yang didukung secara resmi, dan tidak ada yang menggunakan API Instagram. Yang mereka lakukan hanyalah mengikis konten menggunakan aplikasi khusus. Sekarang, Instagram tidak menyukai ini, dan membuat platform mereka menjadi publik membantu memeranginya. Banyak yang mati dalam semalam, tetapi beberapa yang masih ada, seperti yang disebutkan di atas, menambahkan beberapa fitur tambahan. Mereka mungkin memiliki jenis pencarian konten yang berbeda, atau cara untuk menelusuri dan menemukan konten baru, atau mungkin hanya cara unik untuk menampilkan konten. Intinya, mereka dipaksa untuk memberikan nilai tambah bukan hanya menggores konten untuk ditampilkan.

Semua ini pada dasarnya hanya untuk mengilustrasikan suatu hal. Meskipun pengikisan mungkin secara teknis bertentangan dengan persyaratan layanan Instagram, mereka belum benar-benar melakukan banyak penuntutan atau mengambil tindakan terhadap situs yang melakukannya. Karena beberapa opsi yang saya miliki untuk Anda di bawah ini melibatkan pengikisan manual seperti itu, Anda dapat melihat mengapa hal itu menjadi perhatian.

Kembali ke pertanyaan utama, meskipun. Mengapa tidak menggunakan salah satu plugin ini saja? Nah, API Instagram adalah nyonya yang berubah-ubah. Faktanya, baru-baru ini pada Desember 2018, Instagram membuat perubahan besar pada API mereka dan menghentikan versi yang lebih lama. Lihat penafian/peringatan besar di bagian atas halaman ini? Itu semua merek peringatan yang menggunakan API dapatkan.

Sekarang, plugin yang Anda temukan untuk menampilkan feed Instagram mengandalkan API Instagram atau scraping. Jika Instagram mengambil tindakan terhadap pencakar, plugin itu mati. Jika Instagram secara dramatis mengubah API mereka, plugin tersebut akan mati. Either way, Anda mengandalkan pihak ketiga untuk menjaga kode mereka disesuaikan dengan perubahan apa pun yang dibuat Instagram, yang mungkin tidak dapat diandalkan.

Saya masih akan membuat daftar beberapa plugin nanti, karena mereka telah membuktikan bahwa mereka tetap up to date dan mereka bekerja bahkan melalui perubahan Instagram. Namun, perlu diingat bahwa solusi lain mungkin cocok untuk Anda.

Alasan lain mengapa plugin ini mungkin mengalami masalah adalah jika mereka memerlukan akses API Anda , bukan miliknya sendiri. Beberapa menggunakan akses API Anda untuk mengatasi batas tarif; mereka mengambil konten dengan akses API masing-masing individu, bukan satu akses terpusat yang dapat membuat kewalahan. Masalahnya di sini adalah jika akses API Anda dicabut karena satu dan lain alasan, Anda tidak akan dapat terus menggunakan plugin ini.

Jika Anda masih tertarik untuk menampilkan konten Instagram Anda di situs web Anda setelah semua itu – dan memang seharusnya begitu, ini cukup berguna dan sangat keren – inilah pilihan Anda.

Opsi 1: Berpura-pura

Opsi pertama yang Anda miliki adalah memalsukannya dengan banyak pekerjaan manual. Ini tidak sulit, tetapi bisa memakan waktu, dan itu adalah sesuatu yang harus Anda lakukan jika Anda ingin menjaga keseimbangan antara akun Instagram Anda dan situs web Anda "menyematkan". Saya menempatkan penyematan dalam tanda kutip menakut-nakuti di sini karena mereka bahkan tidak secara teknis menyematkan.

Jadi bagaimana cara kerja metode ini? Nah, Anda mungkin mengambil foto dengan kamera digital dan mengeditnya di komputer sebelum mengunggahnya ke perangkat seluler Anda untuk diposting di Instagram. Saat Anda mengeditnya, buat dua salinan. Satu salinan akan diunggah ke Instagram seperti biasa. Salinan lainnya akan diunggah di hosting web Anda.

Saat Anda memposting konten ke Instagram, Anda membuat postingan Instagram. Ini memiliki keterangan Anda, tautan permanen, dan informasi lain yang terkait dengannya. Buat dan publikasikan postingan itu.

Sekarang buka situs web Anda dan buat kotak di mana Anda ingin konten Instagram Anda berada. Unggah foto Anda ke host web Anda dan sematkan di salah satu sel kisi. Salin tautan permanen ke postingan Instagram, dan jadikan foto sebagai tautan. Jika Anda menginginkan sesuatu yang menggunakan skrip hover untuk menampilkan keterangan gambar Anda, itu akan memerlukan sedikit lebih banyak pengkodean, tetapi Anda juga dapat menyalin dan menempelkan keterangan Anda.

Ada dua kelemahan utama dari opsi ini. Yang pertama adalah membutuhkan waktu , dan itu adalah sesuatu yang perlu Anda ingat untuk dilakukan dengan setiap gambar yang Anda posting di Instagram. Jika Anda lupa mengunggah gambar ke situs web Anda, menggeser semua gambar ke bawah kisi, dan menambahkan gambar baru ke slot pertama, umpan Anda akan terlihat berbeda.

Kelemahan utama kedua adalah memakan ruang di hosting Anda . Manfaat menggunakan akses atau pengikisan API Instagram adalah bahwa gambar masih dihosting di CDN Facebook, yang berarti mereka memuat dengan cepat tanpa perlu menggunakan sumber daya server Anda sendiri. Opsi penyematan palsu ini tidak memiliki manfaat itu.

Opsi 2: Penyematan Manual

Opsi kedua Anda yang mungkin adalah menggunakan beberapa kode khusus dan penyematan manual dari Instagram. Setiap postingan Instagram memiliki opsi untuk menyematkannya. Klik pada pos dan klik tiga titik di kanan atas teks, dan salah satu opsi adalah sematkan. Ini menyalin beberapa kode panjang, dan menggunakan API Instagram. Manfaat utama di sini adalah, meskipun menggunakan API, ini adalah fitur inti Instagram dan tidak mungkin berubah. Saat Instagram membuat perubahan API, mereka memastikan layanan mereka sendiri tidak terpengaruh.

Saat Anda menyematkan postingan di situs Anda sendiri, postingan tersebut biasanya muncul dalam ukuran penuh dan dengan teks untuk postingan tersebut, meskipun Anda dapat memintanya untuk tidak menyertakan teks jika Anda mau. Ini jelas tidak ideal untuk kotak kecil dari banyak gambar. Untuk menampilkannya dengan cara ini, Anda perlu menggunakan beberapa kode khusus untuk mengecilkan dan memposisikan gambar.

Ini pada dasarnya adalah manual, melompat melalui metode lingkaran untuk membuat kisi dengan cara yang melewati menggunakan plugin pihak ketiga. Ini meng-host setiap posting di Instagram, tetapi membutuhkan kode khusus, dan itu semacam solusi tersendat. Anda masih perlu secara manual menggeser posting Anda ke bawah grid Anda setiap kali Anda ingin menambahkan yang baru, dan Anda masih perlu secara manual mengambil kode embed untuk masing-masing. Selain itu, menambahkan bahwa banyak penyematan di tempat yang sama dapat meningkatkan waktu muat Anda secara signifikan. Secara keseluruhan, ini bukan pilihan terbaik.

Opsi 3: Menggunakan Scraper Pihak Ketiga

Seperti yang saya sebutkan sebelumnya, Instagram tidak selalu sulit untuk dikikis. Anda dapat menggunakan layanan scraper pihak ketiga untuk menyajikan data kepada Anda, yang kemudian dapat Anda format dan sematkan di situs Anda dengan cara apa pun yang Anda pilih.

Feedity, misalnya, adalah salah satu layanan scraper pihak ketiga tersebut . Ini memungkinkan Anda memuat halaman web di antarmuka scraper khusus mereka dan memilih bagian data mana yang Anda inginkan untuk dicari dan dikikis saat berubah. Feedity, dalam hal ini, secara khusus memformat data tersebut sebagai RSS feed.

Anda kemudian dapat menggunakan umpan RSS itu untuk menyematkan konten di halaman Anda. Bergantung pada desain situs Anda, Anda dapat melakukannya dengan beberapa cara berbeda. Ini adalah tutorial untuk mengambil RSS feed dan menyematkan konten dan gambar di situs Anda, saat situs Anda menggunakan arsitektur WordPress. Sementara itu, tutorial ini menggunakan kode HTML dan PHP sederhana untuk melakukan hal yang sama untuk desain situs yang lebih tradisional.

Opsi ini sedikit kurang ideal karena beberapa alasan. Pertama-tama, ini membutuhkan sejumlah besar pengkodean khusus untuk situs web Anda. Jika Anda tidak berpengalaman dengan pengkodean sendiri, Anda perlu menyewa pengembang, yang bisa jadi mahal.

Selain itu, Anda mengandalkan layanan pihak ketiga untuk melakukan pengikisan untuk Anda, dan Anda mengandalkannya untuk bekerja di Instagram – yang rumit – dan Anda mengandalkan Instagram untuk tidak mengubah desain situs mereka untuk menghalangi jenis upaya pengikisan yang tepat tersebut. Faktanya adalah, Instagram tidak menyukai pencakar, dan meskipun mereka tidak benar-benar mengejarnya secara individu, mereka membuat hidup menjadi sulit bagi mereka.

Opsi 4: Membuat Scraper Khusus

Menggores, tentu saja, tidak terlalu sulit untuk diatur. Ini mungkin tampak seperti scraping sulit karena solusi scraping yang berbeda di luar sana, tetapi mereka semua mencoba untuk menjadi "satu ukuran cocok untuk semua" untuk menjual layanan mereka sebagai bisnis. Jika semua yang ingin Anda lakukan adalah mengikis sesuatu sendiri, kode Anda kemungkinan akan jauh lebih sederhana. Anda dapat, kemudian, cukup membuat beberapa kode untuk mengikis Instagram sekali sehari atau apa pun, memformat data dengan cara apa pun yang Anda suka, dan mengatur penyematan khusus Anda sendiri.

Seperti beberapa opsi lain, ini membutuhkan banyak pengkodean pribadi atau waktu pengembang, yang tidak ideal. Jika Anda suka membuat kode, Anda dapat melakukannya sendiri, tetapi jika Anda bukan penggemar, Anda harus membayar pengembang. Anda juga harus bersaing dengan Instagram yang mengubah situs mereka dan membuatnya lebih sulit untuk dikikis, yang akan terjadi setiap beberapa bulan secara teratur. Jika Anda bersedia untuk bersaing dengan ini, lakukanlah. Jika tidak, pertimbangkan opsi lain.

Opsi 5: Menggunakan Plugin

Saya tahu saya telah membahas alasan mengapa Anda tidak boleh menggunakan plugin sebelumnya, tetapi Anda masih dapat mempertimbangkannya. Beberapa plugin bagus dalam mengikuti perubahan, tidak memerlukan API Anda untuk berfungsi, dan mudah disiapkan.

Pertimbangkan pilihan berikut: EmbedSocial, Juicer, SnapWidget, dan Elfsight. Ini semua adalah opsi yang akan mencapai apa yang Anda inginkan dengan pengaturan minimal. Mereka memiliki kelebihan dan kekurangannya sendiri, tentu saja, dan beberapa di antaranya tidak gratis, tetapi itulah yang perlu Anda perhatikan.