Generator kode embed Instagram Reel

Tempel tautan Instagram Reel dan salin kode embed gratis untuk menampilkannya di website Anda. Tanpa perlu mendaftar.
Generator kode embed Instagram Reel
Tautan Reel dari ⋯ → Salin tautan, mis. https://www.instagram.com/reel/C2mwxDYvQju/
Ingin seluruh Akun Reels sebagai galeri yang memperbarui diri sendiri?

Sematkan video

<div style="max-width:540px;margin:0 auto;">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/reel/C2mwxDYvQju/?utm_source=ig_embed" data-instgrm-version="14" style="max-width:540px;min-width:326px;width:100%;">
  <a href="https://www.instagram.com/reel/C2mwxDYvQju/" target="_blank">View this Reel on 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-reel-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

  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 lebih dari satu video?

Tampilkan seluruh Akun Reels sebagai galeri interaktif yang memperbarui diri sendiri.

Lihat Video Gallery untuk HTML →

Sebelum Anda pergi

Butuh lebih dari satu video? Tampilkan seluruh Akun Reels sebagai galeri interaktif yang memperbarui diri sendiri.

Buat galeri Reels →
Atau bagikan alat gratis ini:
Elfsight Video Gallery

Tampilkan semua Reels Anda secara otomatis

Video Gallery mengambil Reels dari akun Instagram Anda ke dalam carousel atau grid yang diperbarui sendiri.

  • Diperbarui otomatis saat Anda memublikasikan video baru

  • Carousel, grid, masonry, atau pemutar dengan playlist

  • YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun

  • Tanpa coding — berfungsi di situs web mana pun

Buat widget gratis
Tanpa kartu kredit
Buat galeri Reels
Tur hero — tab, layout, gaya kartu, tema gelap, viewer dan ajakan bertindaknya

Generator ini vs tombol Embed bawaan Instagram

⋯ → Embed di Instagram memberi Anda kode untuk satu postingan. Beginilah perbandingannya jika kode dibuat di sini.
Tombol Embed bawaan Instagram
Generator ini
Cara mendapatkannya
Disalin dari menu ⋯ postingan di instagram.com lewat browser.
Tempel tautan Reel yang disalin dari aplikasi atau browser.
Format tautan
Berfungsi dari halaman postingan.
Menerima tautan /reel/, /reels/, /p/, dan /tv/, dengan atau tanpa nama pengguna.
Caption
Kotak centang sebelum Anda menyalin.
Sakelar yang menambah atau menghapus data-instgrm-captioned.
Ukuran kode
Kode panjang dengan markup dan gaya placeholder Instagram.
blockquote pendek dengan atribut yang sama dan embed.js yang sama.
Aturan akun dan embed
Opsinya tidak tersedia untuk akun privat dan untuk pemilik yang menonaktifkan embed.
Aturan yang sama — postingan hanya tampil jika Instagram mengizinkan embed-nya.

Cara mendapatkannya

Tombol Embed bawaan Instagram

Disalin dari menu ⋯ postingan di instagram.com lewat browser.

Generator ini

Tempel tautan Reel yang disalin dari aplikasi atau browser.

Format tautan

Tombol Embed bawaan Instagram

Berfungsi dari halaman postingan.

Generator ini

Menerima tautan /reel/, /reels/, /p/, dan /tv/, dengan atau tanpa nama pengguna.

Caption

Tombol Embed bawaan Instagram

Kotak centang sebelum Anda menyalin.

Generator ini

Sakelar yang menambah atau menghapus data-instgrm-captioned.

Ukuran kode

Tombol Embed bawaan Instagram

Kode panjang dengan markup dan gaya placeholder Instagram.

Generator ini

blockquote pendek dengan atribut yang sama dan embed.js yang sama.

Aturan akun dan embed

Tombol Embed bawaan Instagram

Opsinya tidak tersedia untuk akun privat dan untuk pemilik yang menonaktifkan embed.

Generator ini

Aturan yang sama — postingan hanya tampil jika Instagram mengizinkan embed-nya.

Cara menggunakan generator Generator kode embed Instagram Reel

  1. Salin tautan Reel

    Buka Reel, ketuk ⋯ → Salin tautan.

  2. Tempel di atas

    Pilih apakah caption ditampilkan.

  3. Tempel ke situs Anda

    Tambahkan kode ke blok HTML atau embed.

Atribut kode embed Instagram

Parameter
Fungsinya
Contoh
class="instagram-media"
Menandai blockquote yang diubah embed.js menjadi postingan.
<blockquote class="instagram-media">
data-instgrm-permalink
Tautan postingan atau Reel yang ditampilkan. Tanpa ini, skrip mencari tautan postingan di dalam blockquote.
data-instgrm-permalink="https://www.instagram.com/reel/CODE/"
data-instgrm-captioned
Menampilkan caption di bawah video. Cukup dengan menyertakannya; hapus untuk menyembunyikan caption.
data-instgrm-captioned
data-instgrm-version
Versi format embed yang menjadi dasar kode ini. Pertahankan nomor yang dipakai kode Instagram.
data-instgrm-version="14"
embed.js
Skrip Instagram yang merender setiap blockquote di halaman. Muat sekali saja.
<script async src="https://www.instagram.com/embed.js"></script>
Lebar
Embed memenuhi kontainernya, dengan lebar minimum 326px. Tingginya bergantung pada lebar dan panjang caption.
min-width:326px

class="instagram-media"

Fungsinya

Menandai blockquote yang diubah embed.js menjadi postingan.

Contoh

<blockquote class="instagram-media">

data-instgrm-permalink

Fungsinya

Tautan postingan atau Reel yang ditampilkan. Tanpa ini, skrip mencari tautan postingan di dalam blockquote.

Contoh

data-instgrm-permalink="https://www.instagram.com/reel/CODE/"

data-instgrm-captioned

Fungsinya

Menampilkan caption di bawah video. Cukup dengan menyertakannya; hapus untuk menyembunyikan caption.

Contoh

data-instgrm-captioned

data-instgrm-version

Fungsinya

Versi format embed yang menjadi dasar kode ini. Pertahankan nomor yang dipakai kode Instagram.

Contoh

data-instgrm-version="14"

embed.js

Fungsinya

Skrip Instagram yang merender setiap blockquote di halaman. Muat sekali saja.

Contoh

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

Lebar

Fungsinya

Embed memenuhi kontainernya, dengan lebar minimum 326px. Tingginya bergantung pada lebar dan panjang caption.

Contoh

min-width:326px

Sumber: Meta for Developers: Embed an Instagram Post

Mengapa embed Instagram tidak muncul

Akunnya privat

Instagram hanya mengizinkan embed postingan dari akun publik. Postingan dari akun privat, tidak aktif, dan dengan batasan usia tidak didukung.

Pemilik menonaktifkan embed

Akun publik dapat menonaktifkan embed. Jika postingan tidak dimuat padahal akunnya publik, hubungi pemiliknya atau pilih postingan lain.

Anda hanya melihat kotak abu-abu atau tautan biasa

Itu adalah placeholder: embed.js tidak berjalan. Periksa bahwa baris <script async src="https://www.instagram.com/embed.js"> masih ada di halaman dan tidak diblokir oleh ad blocker.

Postingan ditambahkan setelah halaman dimuat

Saat popup, tab, atau page builder menyisipkan kode belakangan, skrip sudah berjalan. Panggil instgrm.Embeds.process() setelah kode ditambahkan.

Website builder Anda menghapus atau mengubah kode

Blok teks sering menghapus tag atau atribut <script>. Gunakan blok HTML atau kode kustom. Meta menyatakan embed di dalam Shadow DOM tidak didukung, jadi hindari komponen yang dirender di shadow root.

Anda mencoba menyematkan Story

Instagram tidak mendukung embed Story. Bagikan klip tersebut sebagai Reel atau postingan, lalu embed itu.

Reels, postingan, dan Story: apa yang bisa di-embed

Konten
Bentuk tautan
Bisa di-embed?
Reel
instagram.com/reel/CODE/
Ya, dari akun publik
Postingan foto atau carousel
instagram.com/p/CODE/
Ya, dari akun publik
Story
instagram.com/stories/…
Tidak — Instagram tidak mendukungnya
Postingan dari akun privat
Apa pun
Tidak
Postingan dari akun yang menonaktifkan embed
Apa pun
Tidak
Postingan dari akun tidak aktif atau dengan batasan usia
Apa pun
Tidak

Reel

Bentuk tautan

instagram.com/reel/CODE/

Bisa di-embed?

Ya, dari akun publik

Postingan foto atau carousel

Bentuk tautan

instagram.com/p/CODE/

Bisa di-embed?

Ya, dari akun publik

Story

Bentuk tautan

instagram.com/stories/…

Bisa di-embed?

Tidak — Instagram tidak mendukungnya

Postingan dari akun privat

Bentuk tautan

Apa pun

Bisa di-embed?

Tidak

Postingan dari akun yang menonaktifkan embed

Bentuk tautan

Apa pun

Bisa di-embed?

Tidak

Postingan dari akun tidak aktif atau dengan batasan usia

Bentuk tautan

Apa pun

Bisa di-embed?

Tidak

Setiap embed menampilkan satu postingan dan tetap sinkron dengan Instagram: jika pemilik menghapus postingan atau menjadikan akunnya privat, embed berhenti menampilkannya. Aturan ini berasal dari dokumentasi embed Instagram Meta.

Kode sematan vs. Elfsight Video Gallery

Kode embed
Video Gallery
Video per embed
Satu video (atau satu playlist)
Video tanpa batas dalam satu widget
Selalu terbaru
Edit kode untuk setiap video baru
Video Instagram baru muncul otomatis
Gabungkan sumber
Satu platform per snippet
YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun
Tata letak
Pemutar tunggal
Pemutar dengan Galeri, Carousel, Grid, Masonry, Playlist
Desain responsif
Perlu pembungkus CSS
Sudah bawaan
Coding
Salin dan tempel kode untuk setiap video
Tanpa kode — edit secara visual di editor
Harga
Gratis
Paket gratis, tanpa kartu kredit

Video per embed

Kode embed

Satu video (atau satu playlist)

Video Gallery

Video tanpa batas dalam satu widget

Selalu terbaru

Kode embed

Edit kode untuk setiap video baru

Video Gallery

Video Instagram baru muncul otomatis

Gabungkan sumber

Kode embed

Satu platform per snippet

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun

Tata letak

Kode embed

Pemutar tunggal

Video Gallery

Pemutar dengan Galeri, Carousel, Grid, Masonry, Playlist

Desain responsif

Kode embed

Perlu pembungkus CSS

Video Gallery

Sudah bawaan

Coding

Kode embed

Salin dan tempel kode untuk setiap video

Video Gallery

Tanpa kode — edit secara visual di editor

Harga

Kode embed

Gratis

Video Gallery

Paket gratis, tanpa kartu kredit

Pertanyaan yang sering diajukan

Dokumentasi resmi

Alat gratis 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

Panduan terkait

Cara menyematkan video di situs web

Unggah video ke YouTube atau Vimeo dan tempel kode embed-nya, gunakan tag video HTML5 untuk file yang Anda host sendiri, atau gunakan widget galeri video jika Anda butuh beberapa video. Berikut cara kerja tiap metode dan kapan memakainya.Cara menyematkan video di situs web