Generator Kode Embed Instagram

Tempel tautan postingan atau reel Instagram dan dapatkan kode embed gratis yang siap ditempel ke situs web Anda, dengan atau tanpa keterangan. Tanpa perlu mendaftar.
Generator Kode Embed Instagram
Tautan postingan atau Reel dari ⋯ → Salin link, misalnya https://www.instagram.com/p/… Format apa pun dapat dipakai: /p/, /reel/, tautan dengan ?igsh=.Butuh seluruh feed Instagram Anda, bukan satu postingan?

Embed postingan

<div style="max-width:540px;margin:0 auto;">
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DdmURC4iIv8/" data-instgrm-version="14" style="max-width:540px;min-width:326px;width:calc(100% - 2px);margin:0 auto;background:#fff;border:1px solid #dbdbdb;border-radius:3px;padding:0;">
  <a href="https://www.instagram.com/p/DdmURC4iIv8/" target="_blank" rel="noopener">Lihat postingan ini di Instagram</a>
</blockquote>
</div>
<script async src="https://www.instagram.com/embed.js"></script>
<p style="margin:4px auto 0;max-width:540px;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Dibuat dengan <a href="https://elfsight.id/tools/instagram-embed-code-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

Hanya berfungsi untuk postingan dari akun publik.

  1. Klik Salin kode di atas untuk menyalinnya.
  2. Buka file HTML atau template halaman Anda.
  3. Tempel kode di dalam <body>, di tempat konten akan muncul.
  4. Simpan dan unggah halaman, lalu buka di browser untuk memeriksanya.

Butuh seluruh feed Instagram Anda, bukan satu postingan? Tampilkan dengan widget yang diperbarui sendiri. Lihat Instagram Feed →

Sebelum Anda pergi

Butuh seluruh feed Instagram Anda, bukan satu postingan? Tampilkan dengan widget yang diperbarui sendiri.

Lihat Instagram Feed →
Atau bagikan alat gratis ini:
Widget Instagram Feed

Tampilkan feed Instagram Anda, bukan satu postingan

Foto dan postingan asli dari Instagram memberi sentuhan manusiawi pada situs web Anda. Tampilkan postingan dari nama pengguna, hashtag, atau lokasi, dalam kombinasi apa pun.

  • Postingan dari nama pengguna, hashtag, atau lokasi

  • Tampilan Instagram yang familiar

  • Pengunjung situs menjadi pengikut

Buat widget gratis
Tanpa kartu kredit
Pelajari Instagram Feed

Mengapa memakai ini dan bukan tombol Embed Instagram

Tombol Embed bawaan Instagram berfungsi, tetapi Anda harus membuka postingan di browser dan menerima kodenya apa adanya. Generator ini dimulai dari tautan yang sudah Anda miliki dan memungkinkan Anda memilih jenis kodenya.
Tombol Embed Instagram
Generator ini
Titik awal
Buka postingan di browser web, klik menu …, lalu Embed
Tempel tautan postingan atau Reel apa pun, dari menu Bagikan di aplikasi atau bilah alamat
Format tautan
Hanya postingan yang sedang Anda buka
Tautan /p/, /reel/, /reels/, dan /tv/; igsh dan parameter pelacakan lainnya dihapus
Periksa sebelum menyalin
Tidak
Menunjukkan apa yang dikenali: postingan atau Reel, beserta shortcode-nya
Keterangan
Kotak centang Include caption
Dengan atau tanpa keterangan
Jenis kode
Selalu blockquote plus skrip embed.js milik Instagram
Kode blockquote resmi, atau iframe ringan yang tidak memuat skrip
Tata letak
Menyesuaikan ukuran dengan wadah tempat Anda menaruhnya
Dibungkus dalam wadah responsif yang rata tengah

Titik awal

Tombol Embed Instagram

Buka postingan di browser web, klik menu …, lalu Embed

Generator ini

Tempel tautan postingan atau Reel apa pun, dari menu Bagikan di aplikasi atau bilah alamat

Format tautan

Tombol Embed Instagram

Hanya postingan yang sedang Anda buka

Generator ini

Tautan /p/, /reel/, /reels/, dan /tv/; igsh dan parameter pelacakan lainnya dihapus

Periksa sebelum menyalin

Tombol Embed Instagram

Tidak

Generator ini

Menunjukkan apa yang dikenali: postingan atau Reel, beserta shortcode-nya

Keterangan

Tombol Embed Instagram

Kotak centang Include caption

Generator ini

Dengan atau tanpa keterangan

Jenis kode

Tombol Embed Instagram

Selalu blockquote plus skrip embed.js milik Instagram

Generator ini

Kode blockquote resmi, atau iframe ringan yang tidak memuat skrip

Tata letak

Tombol Embed Instagram

Menyesuaikan ukuran dengan wadah tempat Anda menaruhnya

Generator ini

Dibungkus dalam wadah responsif yang rata tengah

Referensi opsi embed Instagram

Kode embed resmi adalah <blockquote class="instagram-media"> yang diubah oleh embed.js milik Instagram menjadi postingan yang ditampilkan. Berikut atribut dan opsi permintaan yang mengubahnya.
Opsi
Fungsinya
Nilai
Catatan
data-instgrm-permalink
Tautan ke postingan atau Reel yang ditampilkan blockquote
URL postingan, misalnya https://www.instagram.com/p/{shortcode}/ atau /reel/{shortcode}/
Hanya postingan publik yang ditampilkan.
data-instgrm-captioned
Menampilkan keterangan di bawah postingan
Ada atau tidak ada (tanpa nilai)
Sama dengan kotak centang Include caption. Hapus atribut untuk menyembunyikan keterangan.
data-instgrm-version
Versi format embed yang menjadi dasar pembuatan kode
Sebuah angka
Pertahankan nilai yang dihasilkan Instagram.
embed.js
Menemukan blockquote di halaman dan menggantinya dengan postingan yang ditampilkan
<script async src="//www.instagram.com/embed.js"></script>
Muat sekali per halaman. Jika Anda menambahkan postingan setelah halaman dimuat, panggil instgrm.Embeds.process().
maxwidth
Mengatur lebar maksimum embed (permintaan oEmbed API)
320 hingga 658 piksel
Embed bersifat responsif, sehingga tingginya bergantung pada lebar dan panjang keterangan.
hidecaption
Mengembalikan kode embed tanpa keterangan (permintaan oEmbed API)
true, false
Defaultnya false.
omitscript
Mengembalikan kode embed tanpa tag skrip embed.js (permintaan oEmbed API)
true, false
Gunakan saat Anda memuat embed.js sendiri satu kali.

data-instgrm-permalink

Fungsinya

Tautan ke postingan atau Reel yang ditampilkan blockquote

Nilai

URL postingan, misalnya https://www.instagram.com/p/{shortcode}/ atau /reel/{shortcode}/

Catatan

Hanya postingan publik yang ditampilkan.

data-instgrm-captioned

Fungsinya

Menampilkan keterangan di bawah postingan

Nilai

Ada atau tidak ada (tanpa nilai)

Catatan

Sama dengan kotak centang Include caption. Hapus atribut untuk menyembunyikan keterangan.

data-instgrm-version

Fungsinya

Versi format embed yang menjadi dasar pembuatan kode

Nilai

Sebuah angka

Catatan

Pertahankan nilai yang dihasilkan Instagram.

embed.js

Fungsinya

Menemukan blockquote di halaman dan menggantinya dengan postingan yang ditampilkan

Nilai

<script async src="//www.instagram.com/embed.js"></script>

Catatan

Muat sekali per halaman. Jika Anda menambahkan postingan setelah halaman dimuat, panggil instgrm.Embeds.process().

maxwidth

Fungsinya

Mengatur lebar maksimum embed (permintaan oEmbed API)

Nilai

320 hingga 658 piksel

Catatan

Embed bersifat responsif, sehingga tingginya bergantung pada lebar dan panjang keterangan.

hidecaption

Fungsinya

Mengembalikan kode embed tanpa keterangan (permintaan oEmbed API)

Nilai

true, false

Catatan

Defaultnya false.

omitscript

Fungsinya

Mengembalikan kode embed tanpa tag skrip embed.js (permintaan oEmbed API)

Nilai

true, false

Catatan

Gunakan saat Anda memuat embed.js sendiri satu kali.

Dokumentasi Instagram ↗

Mengapa postingan Instagram tidak muncul

Akunnya privat

Postingan dari akun privat tidak dapat di-embed. Pemilik harus menjadikan akunnya publik, atau pilih postingan dari akun publik.

Pemilik menonaktifkan embed

Akun yang menonaktifkan Embeds tidak didukung. Pemilik dapat mengaktifkan kembali embed di pengaturan Instagram mereka.

Akun dibatasi usia atau tidak aktif

Instagram tidak menampilkan postingan dari akun-akun ini. Pilih postingan dari akun lain.

Itu sebuah Story

Story tidak dapat di-embed. Bagikan konten sebagai postingan atau Reel lalu embed tautannya.

Anda melihat kotak biasa dengan tautan, bukan postingannya

embed.js tidak berjalan. Pertahankan tag skrip di dalam kode, dan jika postingan ditambahkan setelah halaman dimuat, panggil instgrm.Embeds.process(). Atau gunakan versi iframe, yang tidak memerlukan skrip.

Kode berada di dalam Shadow DOM

Instagram tidak mendukung Shadow DOM. Letakkan kode di HTML halaman biasa.

Reel, postingan, dan Story: apa yang dapat di-embed

Konten
Dapatkah di-embed?
Tautan yang ditempel
Catatan
Postingan (foto, carousel, video)
Ya, dari akun publik
instagram.com/p/{shortcode}/
Keterangan dapat ditampilkan atau disembunyikan.
Reel
Ya, dari akun publik
instagram.com/reel/{shortcode}/
Keterangan dapat ditampilkan atau disembunyikan.
Story
Tidak
—
Instagram tidak mendukung embed Story.

Postingan (foto, carousel, video)

Dapatkah di-embed?

Ya, dari akun publik

Tautan yang ditempel

instagram.com/p/{shortcode}/

Catatan

Keterangan dapat ditampilkan atau disembunyikan.

Reel

Dapatkah di-embed?

Ya, dari akun publik

Tautan yang ditempel

instagram.com/reel/{shortcode}/

Catatan

Keterangan dapat ditampilkan atau disembunyikan.

Story

Dapatkah di-embed?

Tidak

Tautan yang ditempel

—

Catatan

Instagram tidak mendukung embed Story.

Cara meng-embed postingan Instagram

  1. Salin tautan postingan

    Buka postingan atau reel di Instagram dan salin tautannya.

  2. Tempel di sini

    Tempel tautan di atas dan pilih apakah keterangan ditampilkan.

  3. Salin kodenya

    Salin kode embed dan tempel ke blok HTML atau kode di situs Anda.

Pertanyaan yang sering diajukan

Generator kode embed lainnya

Generator Kode Embed YouTube

Tempel tautan YouTube apa pun dan dapatkan kode embed responsif dalam hitungan detik.Generator Kode Embed YouTube

Generator Kode Embed Video

Embed video yang di-host di mana saja: MP4, Google Drive, Dropbox, Loom, atau Wistia.Generator Kode Embed Video

Generator iFrame

Buat iframe responsif untuk halaman, formulir, atau aplikasi apa pun.Generator iFrame

Generator Embed PDF

Tampilkan menu, daftar harga, atau brosur PDF langsung di halaman.Generator Embed PDF