Instagram Reel gömme kodu oluşturucu

Bir Instagram Reel bağlantısını yapıştırın ve web sitenizde göstermek için ücretsiz gömme kodunu kopyalayın. Kayıt gerekmez.
Instagram Reel gömme kodu oluşturucu
Reel’in bağlantısı: ⋯ → Bağlantıyı kopyala; örn. https://www.instagram.com/reel/C2mwxDYvQju/
Tüm Reels hesabı içeriğini kendini güncelleyen bir galeri olarak görmek ister misiniz?

Videoyu gömün

<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;"><a href="https://tr.elfsight.com/tools/instagram-reel-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a> ile oluşturuldu</p>

  1. Kopyalamak için yukarıdaki Kodu kopyala düğmesine tıklayın.
  2. Sayfanın HTML dosyasını veya şablonunu açın.
  3. Kodu, içeriğin görünmesini istediğiniz yere, <body> içine yapıştırın.
  4. Sayfayı kaydedip yükleyin, ardından kontrol etmek için tarayıcıda açın.

Birden fazla videoya mı ihtiyacınız var?

Tüm Reels hesabı içeriğini kendini güncelleyen etkileşimli bir galeri olarak gösterin.

HTML için Video Gallery'yi görün →

Ayrılmadan önce

Birden fazla videoya mı ihtiyacınız var? Tüm Reels hesabı içeriğini kendini güncelleyen etkileşimli bir galeri olarak gösterin.

Reels galerisi oluştur →
Ya da bu ücretsiz aracı paylaşın:
Elfsight Video Gallery

Tüm Reels videolarınızı otomatik gösterin

Video Gallery, Instagram hesabınızdaki Reels videolarını kendiliğinden güncellenen bir karusel veya ızgaraya çeker.
  • Yeni video yayınladığınızda otomatik güncellenir

  • Kaydırıcı, ızgara, masonry veya oynatma listeli oynatıcı

  • YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı

  • Kodlama yok; her web sitesinde çalışır

Ana tanıtım turu — sekmeler, düzen, kart stili, koyu tema, görüntüleyici ve harekete geçirici mesajı

Bu oluşturucu ve Instagram’ın kendi Göm düğmesi

Instagram’ın ⋯ → Göm seçeneği tek bir gönderi için kod verir. İşte kodu burada oluşturmanın farkı.
Instagram’ın kendi Göm düğmesi
Bu oluşturucu
Nereden alınır
Tarayıcıda instagram.com üzerinde gönderinin ⋯ menüsünden kopyalanır.
Uygulamadan veya tarayıcıdan kopyaladığınız bir Reel bağlantısını yapıştırın.
Bağlantı biçimleri
Gönderi sayfasından çalışır.
Kullanıcı adı olsun ya da olmasın /reel/, /reels/, /p/ ve /tv/ bağlantılarını kabul eder.
Açıklama
Kopyalamadan önce bir onay kutusu.
data-instgrm-captioned öğesini ekleyen veya kaldıran bir anahtar.
Kod boyutu
Instagram’ın yer tutucu işaretlemesi ve stilleriyle uzun bir kod.
Aynı öznitelikleri ve aynı embed.js betiğini içeren kısa bir blockquote.
Hesap ve gömme kuralları
Gizli hesaplarda ve gömmeyi kapatan hesap sahiplerinde seçenek görünmez.
Aynı kurallar: gönderi yalnızca Instagram gömülmesine izin veriyorsa görüntülenir.

Nereden alınır

Instagram’ın kendi Göm düğmesi

Tarayıcıda instagram.com üzerinde gönderinin ⋯ menüsünden kopyalanır.

Bu oluşturucu

Uygulamadan veya tarayıcıdan kopyaladığınız bir Reel bağlantısını yapıştırın.

Bağlantı biçimleri

Instagram’ın kendi Göm düğmesi

Gönderi sayfasından çalışır.

Bu oluşturucu

Kullanıcı adı olsun ya da olmasın /reel/, /reels/, /p/ ve /tv/ bağlantılarını kabul eder.

Açıklama

Instagram’ın kendi Göm düğmesi

Kopyalamadan önce bir onay kutusu.

Bu oluşturucu

data-instgrm-captioned öğesini ekleyen veya kaldıran bir anahtar.

Kod boyutu

Instagram’ın kendi Göm düğmesi

Instagram’ın yer tutucu işaretlemesi ve stilleriyle uzun bir kod.

Bu oluşturucu

Aynı öznitelikleri ve aynı embed.js betiğini içeren kısa bir blockquote.

Hesap ve gömme kuralları

Instagram’ın kendi Göm düğmesi

Gizli hesaplarda ve gömmeyi kapatan hesap sahiplerinde seçenek görünmez.

Bu oluşturucu

Aynı kurallar: gönderi yalnızca Instagram gömülmesine izin veriyorsa görüntülenir.

Instagram Reel gömme kodu oluşturucu oluşturucusu nasıl kullanılır

  1. Reel bağlantısını kopyalayın

    Reel’i açın, ⋯ → Bağlantıyı kopyala’ya dokunun.

  2. Yukarıya yapıştırın

    Açıklamanın gösterilip gösterilmeyeceğini seçin.

  3. Sitenize yapıştırın

    Kodu bir HTML veya gömme bloğuna ekleyin.

Instagram gömme kodu öznitelikleri

Parametre
Ne işe yarar
Örnek
class="instagram-media"
embed.js betiğinin gönderiye dönüştürdüğü blockquote öğesini işaretler.
<blockquote class="instagram-media">
data-instgrm-permalink
Gösterilecek gönderinin veya Reel’in bağlantısı. Bu olmadan betik, blockquote içinde bir gönderi bağlantısı arar.
data-instgrm-permalink="https://www.instagram.com/reel/CODE/"
data-instgrm-captioned
Açıklamayı videonun altında gösterir. Var olmasıyla çalışır; açıklamayı gizlemek için kaldırın.
data-instgrm-captioned
data-instgrm-version
Kodun hazırlandığı gömme biçiminin sürümü. Instagram’ın kodunda kullandığı numarayı koruyun.
data-instgrm-version="14"
embed.js
Sayfadaki tüm blockquote öğelerini işleyen Instagram betiği. Bir kez yükleyin.
<script async src="https://www.instagram.com/embed.js"></script>
Genişlik
Gömme kodu kapsayıcısını doldurur, en az genişliği 326px’tir. Yüksekliği genişliğe ve açıklamanın uzunluğuna bağlıdır.
min-width:326px

class="instagram-media"

Ne işe yarar

embed.js betiğinin gönderiye dönüştürdüğü blockquote öğesini işaretler.

Örnek

<blockquote class="instagram-media">

data-instgrm-permalink

Ne işe yarar

Gösterilecek gönderinin veya Reel’in bağlantısı. Bu olmadan betik, blockquote içinde bir gönderi bağlantısı arar.

Örnek

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

data-instgrm-captioned

Ne işe yarar

Açıklamayı videonun altında gösterir. Var olmasıyla çalışır; açıklamayı gizlemek için kaldırın.

Örnek

data-instgrm-captioned

data-instgrm-version

Ne işe yarar

Kodun hazırlandığı gömme biçiminin sürümü. Instagram’ın kodunda kullandığı numarayı koruyun.

Örnek

data-instgrm-version="14"

embed.js

Ne işe yarar

Sayfadaki tüm blockquote öğelerini işleyen Instagram betiği. Bir kez yükleyin.

Örnek

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

Genişlik

Ne işe yarar

Gömme kodu kapsayıcısını doldurur, en az genişliği 326px’tir. Yüksekliği genişliğe ve açıklamanın uzunluğuna bağlıdır.

Örnek

min-width:326px

Kaynak: Meta for Developers: Instagram gönderisi gömme

Instagram gömme kodu neden görünmüyor

Hesap gizli

Instagram yalnızca herkese açık hesapların gönderilerini gömer. Gizli, etkin olmayan ve yaş sınırlı hesapların gönderileri desteklenmez.

Hesap sahibi gömmeyi kapattı

Herkese açık hesaplar gömmeyi devre dışı bırakabilir. Hesap herkese açıksa ve gönderi yüklenmiyorsa hesap sahibine sorun veya başka bir gönderi seçin.

Yalnızca gri bir kutu veya düz bir bağlantı görüyorsunuz

Bu yer tutucudur: embed.js çalışmadı. <script async src="https://www.instagram.com/embed.js"> satırının sayfada durduğunu ve bir reklam engelleyicinin bunu durdurmadığını kontrol edin.

Gönderi sayfa yüklendikten sonra ekleniyor

Bir açılır pencere, sekme veya sayfa oluşturucu kodu sonradan eklediğinde betik zaten çalışmış olur. Kod eklendikten sonra instgrm.Embeds.process() çağırın.

Site oluşturucunuz kodu siliyor veya değiştiriyor

Metin blokları çoğu zaman <script> etiketlerini veya öznitelikleri kaldırır. HTML veya özel kod bloğu kullanın. Meta, Shadow DOM içindeki gömme kodlarının desteklenmediğini belirtir; bu yüzden shadow root içinde işlenen bileşenlerden kaçının.

Bir Hikâye gömmeye çalışıyorsunuz

Instagram Hikâyelerin gömülmesini desteklemez. Klibi Reel veya gönderi olarak paylaşın ve onu gömün.

Reels, gönderiler ve Hikâyeler: neler gömülebilir

İçerik
Bağlantı şöyle görünür
Gömülebilir mi?
Reel
instagram.com/reel/CODE/
Evet, herkese açık hesaptan
Fotoğraf veya karusel gönderi
instagram.com/p/CODE/
Evet, herkese açık hesaptan
Hikâye
instagram.com/stories/…
Hayır, Instagram desteklemiyor
Gizli hesaptan gönderi
Herhangi
Hayır
Gömmeyi kapatan hesaptan gönderi
Herhangi
Hayır
Etkin olmayan veya yaş sınırlı hesaptan gönderi
Herhangi
Hayır

Reel

Bağlantı şöyle görünür

instagram.com/reel/CODE/

Gömülebilir mi?

Evet, herkese açık hesaptan

Fotoğraf veya karusel gönderi

Bağlantı şöyle görünür

instagram.com/p/CODE/

Gömülebilir mi?

Evet, herkese açık hesaptan

Hikâye

Bağlantı şöyle görünür

instagram.com/stories/…

Gömülebilir mi?

Hayır, Instagram desteklemiyor

Gizli hesaptan gönderi

Bağlantı şöyle görünür

Herhangi

Gömülebilir mi?

Hayır

Gömmeyi kapatan hesaptan gönderi

Bağlantı şöyle görünür

Herhangi

Gömülebilir mi?

Hayır

Etkin olmayan veya yaş sınırlı hesaptan gönderi

Bağlantı şöyle görünür

Herhangi

Gömülebilir mi?

Hayır

Her gömme kodu tek bir gönderi gösterir ve Instagram ile eşzamanlı kalır: hesap sahibi gönderiyi silerse veya hesabı gizli yaparsa gömme kodu onu göstermeyi bırakır. Kurallar Meta’nın Instagram gömme belgelerinden gelir.

Gömme kodu ile Elfsight Video Gallery karşılaştırması

Gömme kodu
Video Gallery
Gömme başına video
Tek video (veya tek oynatma listesi)
Tek widget'ta sınırsız video
Güncel kalır
Her yeni video için kodu düzenlemeniz gerekir
Yeni Instagram videoları otomatik olarak görünür
Kaynakları karıştırma
Parça başına bir platform
YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı
Düzenler
Tek oynatıcı
Galeri, Karusel, Izgara, Masonry ve Oynatma listesi düzenli oynatıcı
Duyarlı tasarım
CSS sarmalayıcı gerekir
Yerleşik
Kodlama
Her video için kodu kopyalayıp yapıştırın
Kodsuz, düzenleyicide görsel olarak düzenleyin
Fiyat
Ücretsiz
Ücretsiz plan, kredi kartı gerekmez

Gömme başına video

Gömme kodu

Tek video (veya tek oynatma listesi)

Video Gallery

Tek widget'ta sınırsız video

Güncel kalır

Gömme kodu

Her yeni video için kodu düzenlemeniz gerekir

Video Gallery

Yeni Instagram videoları otomatik olarak görünür

Kaynakları karıştırma

Gömme kodu

Parça başına bir platform

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı

Düzenler

Gömme kodu

Tek oynatıcı

Video Gallery

Galeri, Karusel, Izgara, Masonry ve Oynatma listesi düzenli oynatıcı

Duyarlı tasarım

Gömme kodu

CSS sarmalayıcı gerekir

Video Gallery

Yerleşik

Kodlama

Gömme kodu

Her video için kodu kopyalayıp yapıştırın

Video Gallery

Kodsuz, düzenleyicide görsel olarak düzenleyin

Fiyat

Gömme kodu

Ücretsiz

Video Gallery

Ücretsiz plan, kredi kartı gerekmez

Sık sorulan sorular

Resmi dokümantasyon

Daha fazla ücretsiz araç

YouTube Gömme Kodu Oluşturucu

Herhangi bir YouTube bağlantısını yapıştırın ve saniyeler içinde duyarlı bir gömme kodu alın.YouTube Gömme Kodu Oluşturucu

Video Gömme Kodu Oluşturucu

Herhangi bir yerde barındırılan videoyu gömün: MP4, Google Drive, Dropbox, Loom veya Wistia.Video Gömme Kodu Oluşturucu

İlgili rehberler

Web sitesine video nasıl gömülür

Videoyu YouTube veya Vimeo'ya yükleyip gömme kodunu yapıştırın, kendi barındırdığınız dosyalar için HTML5 video etiketini kullanın veya birden çok videoya ihtiyacınız olduğunda bir video galerisi widget'ı kullanın. İşte her yöntemin nasıl çalıştığı ve ne zaman kullanılacağı.Web sitesine video nasıl gömülür