Cara Menampilkan Postingan Instagram di Halaman Website

Postingan Instagram tidak hanya bisa dilihat melalui aplikasi maupun website utamanya, tetapi juga dapat ditarik agar dapat tampil di halaman web. Kamu mungkin sudah pernah melihat contohnya pada beberapa website berita yang menampilkan konten Instagram di halaman beritanya.

Fitur tersebut merujuk pada istilah embed yang dalam teknologi web, berarti menyematkan sebagian atau seluruh konten dari website lain ke website kita dengan metode yang relatif mudah.

Untuk menampilkan postingan foto maupun video Instagram pada halaman web kamu, ikuti panduan berikut.

1. Buka halaman postingan Instagram.

Postingan Instagram Cara Menampilkan Postingan Instagram di Halaman Website 1 Postingan Instagram

2. Klik ikon menu di sekitar kanan atas.

menu postingan Cara Menampilkan Postingan Instagram di Halaman Website 2 menu postingan

3. Pilih opsi Sematkan (embed).

sematkan 1 Cara Menampilkan Postingan Instagram di Halaman Website 3 sematkan 1

4. Kemudian klik Salin Kode Sematan. Keterangan (caption) boleh disertakan atau tidak.

salin kode sematan Cara Menampilkan Postingan Instagram di Halaman Website 4 salin kode sematan

5. Kode sematan sudah disalin dan kini tinggal ditempel ke halaman editor (kode) di web.

kode sematan disalin Cara Menampilkan Postingan Instagram di Halaman Website 5 kode sematan disalin

Cara tempel kode semat Instagram di WordPress

Karena WordPress adalah CMS paling populer, akan saya sertakan bagaimana cara menempel kode tersebut di editor WordPress sehingga dapat tampil di Post ataupun Page.

1. Buka halaman editor WordPress, pergi ke Options > Code editor.

code editor Cara Menampilkan Postingan Instagram di Halaman Website 6 code editor

2. Silakan tempel kode postingan Instagram ke tempat yang kamu inginkan.

paste tempel Cara Menampilkan Postingan Instagram di Halaman Website 7 paste tempel

3. Sekarang, silakan kembali ke Visual editor.

visual editor Cara Menampilkan Postingan Instagram di Halaman Website 8 visual editor

4. Di sini mungkin postingan tidak dimuat dengan baik, namun itu wajar. Untuk melihat seperti apa tampilannya, buka halaman Preview.

Preview Cara Menampilkan Postingan Instagram di Halaman Website 9 Preview

5. Postingan Instagram akan terlihat sebagaimana mestinya.

instagram embed Cara Menampilkan Postingan Instagram di Halaman Website 10 instagram embed

Kode sematan Instagram dapat bekerja pada hampir semua website asalkan diletakkan di tempat yang benar (code/HTML editor).

Perhatikan juga bahwa kode sematan seperti ini cenderung membuat beban halaman meningkat sehingga proses loading menjadi lebih lambat. Pastikan kamu menaruh postingan dengan kuantitas yang seperlunya.

Leave a Comment

Your email address will not be published.