Cara Menambahkan Foto Instagram ke Website Anda Tanpa API

Anda mungkin pernah menemukan situs web yang menyertakan blok postingan Instagram, biasanya di bagian bawah beranda. Misalnya, situs fotografi yang berbasis di Inggris ini memiliki bar dengan sekumpulan foto Instagram di bagian bawah beranda mereka. Jika Anda mengunjungi feed Instagram mereka secara langsung, Anda dapat melihat bahwa itu adalah postingan terbaru mereka, yang disusun dalam kotak. Setiap kali mereka memposting sesuatu yang baru, foto baru tersebut 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 postingan terbaru Anda, dan Anda memiliki tautan siap pakai ke akun Instagram Anda agar siapa pun dapat mengkliknya untuk menjelajah.

Pengaturan semacam ini menarik dan dapat berfungsi dengan baik dalam mengarahkan pengunjung situs web Anda ke halaman Instagram Anda. Namun, sebenarnya penyiapannya lebih rumit dari yang Anda kira.

API Instagram

Sekarang, Anda mungkin berkata kepada saya “mengapa tidak menggunakan salah satu plugin yang tersedia saja?” Jawabannya, secara umum, adalah “silakan saja.” Ada banyak plugin yang memberi Anda opsi tampilan feed ini, dan saya akan membicarakannya di akhir postingan 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 tersebut, dan mengikis halaman tersebut biasanya melanggar ketentuan penggunaan situs seperti Instagram. Lagipula, mereka tidak mau berurusan dengan pencuri konten dan sejenisnya.

Bukan berarti hal itu tidak terjadi. Saya yakin Anda pernah melihat beberapa dari lusinan situs web yang tidak melakukan apa pun selain mengikis Instagram. Situs seperti Picdeer, Pictame, dan Piknow memiliki sejarah menarik di baliknya, jadi izinkan saya ngelantur sejenak.

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

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

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

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

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

Namun kembali ke pertanyaan utama. Mengapa tidak menggunakan salah satu plugin ini saja? Ya, API Instagram adalah nyonya yang berubah-ubah. Faktanya, baru-baru ini pada bulan Desember 2018, Instagram membuat perubahan besar pada API mereka dan tidak lagi menggunakan versi lama. Lihat penafian/peringatan besar di bagian atas halaman ini? Hanya itu saja peringatan yang didapat oleh merek yang menggunakan API.

Sekarang, plugin yang Anda temukan untuk menampilkan feed Instagram bergantung pada API Instagram atau scraping. Jika Instagram mengambil tindakan terhadap scraper, plugin tersebut akan mati. Jika Instagram mengubah API-nya secara drastis, plugin tersebut akan mati. Apa pun yang terjadi, Anda mengandalkan pihak ketiga untuk menjaga kode mereka tetap disesuaikan dengan perubahan apa pun yang dilakukan Instagram, dan hal ini mungkin tidak dapat diandalkan.

Saya masih akan mencantumkan beberapa plugin nanti, karena plugin tersebut telah terbukti selalu diperbarui dan berfungsi bahkan melalui perubahan Instagram. Namun, perlu diingat bahwa solusi lain mungkin berhasil untuk Anda.

Alasan lain mengapa plugin ini mungkin mengalami masalah adalah jika plugin tersebut 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 hal, Anda tidak akan dapat terus menggunakan plugin ini.

Jika Anda masih tertarik untuk menampilkan konten Instagram di situs web Anda setelah semua itu – dan memang seharusnya demikian, 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 dan situs web Anda “disematkan”. Saya menyematkan tanda kutip yang menakutkan di sini karena secara teknis itu bukan penyematan.

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

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

Sekarang buka situs web Anda dan buat kisi 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 tersebut sebagai tautan. Jika Anda menginginkan sesuatu yang menggunakan skrip hover untuk menampilkan keterangan gambar Anda, itu akan memerlukan lebih banyak pengkodean, tetapi Anda juga dapat menyalin dan menempelkan keterangan Anda.

Ada dua kelemahan utama dari opsi ini. Yang pertama adalah itu 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, feed Anda akan terlihat berbeda.

Kelemahan besar kedua adalah memakan ruang di hosting Anda . Keuntungan menggunakan akses atau scraping API Instagram adalah gambar masih dihosting di CDN Facebook, yang berarti gambar dimuat dengan cepat tanpa perlu menggunakan sumber daya server Anda sendiri. Opsi penyematan palsu ini tidak memiliki manfaat itu.

Opsi 2: Penyematan Manual

Opsi kedua yang memungkinkan adalah menggunakan beberapa kode khusus dan penyematan manual dari Instagram. Setiap postingan Instagram memiliki opsi untuk menyematkannya. Klik postingan tersebut dan klik tiga titik di kanan atas caption, dan salah satu opsinya adalah sematkan. Ini menyalin beberapa kode yang panjang, dan menggunakan API Instagram. Manfaat utama di sini adalah, meskipun menggunakan API, ini adalah fitur inti Instagram dan kemungkinan besar tidak akan berubah. Saat Instagram melakukan perubahan API, mereka memastikan layanan mereka sendiri tidak terpengaruh.

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

Ini pada dasarnya adalah sebuah manual, metode melompati lingkaran untuk membuat kisi dengan cara melewati penggunaan plugin pihak ketiga. Ini menghosting setiap posting di Instagram, tetapi memerlukan kode khusus, dan ini semacam solusi yang tidak bagus. Anda masih perlu menggeser postingan Anda ke bawah grid secara manual setiap kali ingin menambahkan postingan baru, dan Anda masih perlu mengambil kode semat untuk masing-masing postingan secara manual. Selain itu, menambahkan banyak penyematan di tempat yang sama dapat meningkatkan waktu muat Anda secara signifikan. Secara keseluruhan, ini bukanlah pilihan terbaik.

Opsi 3: Menggunakan Scraper Pihak Ketiga

Seperti yang saya sebutkan sebelumnya, Instagram tidak terlalu sulit untuk dikikis. Anda dapat menggunakan layanan pengikis 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 pengikis pihak ketiga . Hal ini memungkinkan Anda memuat laman web di antarmuka pengikis khusus dan memilih bagian data mana yang ingin Anda cari dan kikis saat berubah. Feedity, dalam hal ini, secara khusus memformat data tersebut sebagai umpan RSS.

Anda kemudian dapat menggunakan umpan RSS tersebut 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 pengkodean HTML dan PHP sederhana untuk melakukan hal yang sama pada desain situs yang lebih tradisional.

Opsi ini sedikit kurang ideal karena beberapa alasan. Pertama-tama, ini memerlukan sejumlah besar pengkodean khusus untuk situs web Anda. Jika Anda tidak berpengalaman dalam coding, Anda perlu menyewa seorang pengembang, yang biayanya mungkin mahal.

Selain itu, Anda mengandalkan layanan pihak ketiga untuk melakukan pengikisan untuk Anda, dan Anda mengandalkan layanan tersebut untuk berfungsi di Instagram – yang mana hal ini rumit – dan Anda mengandalkan Instagram untuk tidak mengubah desain situs mereka untuk menghalangi upaya pengikisan semacam itu. Faktanya adalah, Instagram tidak menyukai scraper, dan meskipun mereka tidak benar-benar mengejarnya satu per satu, mereka memang mempersulit hidup mereka.

Opsi 4: Membuat Scraper Kustom

Mengikis, tentu saja, tidak terlalu sulit untuk dilakukan. Tampaknya scraping itu sulit karena adanya berbagai solusi scraping yang ada, namun semuanya berusaha menjadi “satu ukuran untuk semua” untuk menjual layanan mereka sebagai sebuah bisnis. Jika yang ingin Anda lakukan hanyalah mengikis sesuatu sendiri, kode Anda mungkin akan jauh lebih sederhana. Anda kemudian dapat membuat beberapa kode untuk mengikis Instagram sekali sehari atau apa pun, memformat data sesuka Anda, dan mengatur penyematan khusus Anda sendiri.

Seperti beberapa opsi lainnya, ini memerlukan banyak pengkodean pribadi atau waktu pengembang, dan ini tidak ideal. Jika Anda suka membuat kode, Anda dapat melakukannya sendiri, tetapi jika Anda bukan penggemarnya, Anda harus membayar untuk pengembang. Anda juga harus menghadapi Instagram yang mengubah situsnya dan mempersulit pengikisan, yang akan terjadi setiap beberapa bulan secara teratur. Jika Anda bersedia menghadapi hal 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 pengaturannya mudah.

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