Instagram Gömme Kodu Oluşturucu

Bir Instagram gönderisinin veya reel’inin bağlantısını yapıştırın ve web siteniz için açıklamalı ya da açıklamasız, yapıştırmaya hazır ücretsiz bir gömme kodu alın. Kayıt gerekmez.
Instagram Gömme Kodu Oluşturucu
⋯ → Bağlantıyı kopyala ile alınan bir gönderi veya Reel bağlantısı; örneğin https://www.instagram.com/p/… Her biçim işe yarar: /p/, /reel/, ?igsh= içeren bağlantılar.Tek bir gönderi değil, Instagram akışınızın tamamı mı gerekiyor?

Gönderiyi gömün

<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">Bu gönderiyi Instagram’da görüntüleyin</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-embed-code-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a> ile oluşturuldu</p>

Yalnızca herkese açık hesapların gönderilerinde çalışır.

  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.

Tek bir gönderi değil, Instagram akışınızın tamamı mı gerekiyor? Kendiliğinden güncellenen bir widget’la gösterin. Instagram Feed widget'ına bakın →

Ayrılmadan önce

Tek bir gönderi değil, Instagram akışınızın tamamı mı gerekiyor? Kendiliğinden güncellenen bir widget’la gösterin.

Instagram Feed widget'ına bakın →
Ya da bu ücretsiz aracı paylaşın:
Instagram Feed widget’ı

Tek bir gönderiyi değil, Instagram akışınızı gösterin

Instagram’dan gerçek fotoğraflar ve gönderiler web sitenize insani bir dokunuş katar. Kullanıcı adlarından, hashtag’lerden veya konumlardan, dilediğiniz kombinasyonda gönderiler gösterin.

  • Kullanıcı adlarından, hashtag’lerden veya konumlardan gönderiler

  • Tanıdık bir Instagram görünümü

  • Site ziyaretçileri takipçi olur

Widget’ı ücretsiz oluşturun
Kredi kartı gerekmez
Instagram Feed hakkında bilgi alın

Neden Instagram’ın Göm düğmesi yerine bunu kullanmalısınız

Instagram’ın kendi Göm düğmesi işe yarar; ancak gönderiyi bir tarayıcıda açmanız ve kodu olduğu gibi almanız gerekir. Oluşturucu elinizdeki bağlantıdan başlar ve kodun türünü seçmenize izin verir.
Instagram’ın Göm düğmesi
Bu oluşturucu
Nereden başlarsınız
Gönderiyi bir web tarayıcısında açın, … menüsüne tıklayın, ardından Göm’ü seçin
Uygulamanın Paylaş menüsünden veya adres çubuğundan herhangi bir gönderi ya da Reel bağlantısı yapıştırın
Bağlantı biçimleri
Yalnızca açık olan gönderi
/p/, /reel/, /reels/ ve /tv/ bağlantıları; igsh ve diğer izleme parametreleri kaldırılır
Kopyalamadan önce kontrol
Yok
Neyi tanıdığını gösterir: bir gönderi veya bir Reel ve kısa kodu
Açıklama
Açıklamayı dahil et onay kutusu
Açıklamalı veya açıklamasız
Kod türü
Her zaman bir blockquote ve Instagram’ın embed.js betiği
Resmî blockquote kodu veya hiçbir betik yüklemeyen hafif bir iframe
Düzen
Yerleştirdiğiniz kapsayıcıya sığacak şekilde yeniden boyutlanır
Ortalanmış, duyarlı bir kapsayıcıya sarılır

Nereden başlarsınız

Instagram’ın Göm düğmesi

Gönderiyi bir web tarayıcısında açın, … menüsüne tıklayın, ardından Göm’ü seçin

Bu oluşturucu

Uygulamanın Paylaş menüsünden veya adres çubuğundan herhangi bir gönderi ya da Reel bağlantısı yapıştırın

Bağlantı biçimleri

Instagram’ın Göm düğmesi

Yalnızca açık olan gönderi

Bu oluşturucu

/p/, /reel/, /reels/ ve /tv/ bağlantıları; igsh ve diğer izleme parametreleri kaldırılır

Kopyalamadan önce kontrol

Instagram’ın Göm düğmesi

Yok

Bu oluşturucu

Neyi tanıdığını gösterir: bir gönderi veya bir Reel ve kısa kodu

Açıklama

Instagram’ın Göm düğmesi

Açıklamayı dahil et onay kutusu

Bu oluşturucu

Açıklamalı veya açıklamasız

Kod türü

Instagram’ın Göm düğmesi

Her zaman bir blockquote ve Instagram’ın embed.js betiği

Bu oluşturucu

Resmî blockquote kodu veya hiçbir betik yüklemeyen hafif bir iframe

Düzen

Instagram’ın Göm düğmesi

Yerleştirdiğiniz kapsayıcıya sığacak şekilde yeniden boyutlanır

Bu oluşturucu

Ortalanmış, duyarlı bir kapsayıcıya sarılır

Instagram gömme seçenekleri başvurusu

Resmî gömme kodu, Instagram’ın embed.js betiğinin görüntülenen gönderiye dönüştürdüğü bir <blockquote class="instagram-media"> öğesidir. Bunu değiştiren öznitelikler ve istek seçenekleri şunlardır.
Seçenek
Ne yapar
Değerler
Notlar
data-instgrm-permalink
Blockquote’un gösterdiği gönderinin veya Reel’in bağlantısı
Bir gönderi URL’si; örneğin https://www.instagram.com/p/{shortcode}/ veya /reel/{shortcode}/
Yalnızca herkese açık gönderiler görüntülenir.
data-instgrm-captioned
Açıklamayı gönderinin altında gösterir
Var veya yok (değer yok)
Açıklamayı dahil et onay kutusuyla aynıdır. Açıklamayı gizlemek için özniteliği kaldırın.
data-instgrm-version
Kodun hazırlandığı gömme biçiminin sürümü
Bir sayı
Instagram’ın ürettiği değeri koruyun.
embed.js
Sayfadaki blockquote’ları bulur ve görüntülenen gönderilerle değiştirir
<script async src="//www.instagram.com/embed.js"></script>
Sayfa başına bir kez yükleyin. Sayfa yüklendikten sonra gönderi eklerseniz instgrm.Embeds.process() çağırın.
maxwidth
Gömmenin en büyük genişliğini ayarlar (oEmbed API isteği)
320 ile 658 piksel arası
Gömme duyarlıdır; bu yüzden yüksekliği genişliğe ve açıklamanın uzunluğuna bağlıdır.
hidecaption
Gömme kodunu açıklama olmadan döndürür (oEmbed API isteği)
true, false
Varsayılan false’tur.
omitscript
Gömme kodunu embed.js betik etiketi olmadan döndürür (oEmbed API isteği)
true, false
embed.js’i kendiniz bir kez yüklediğinizde kullanın.

data-instgrm-permalink

Ne yapar

Blockquote’un gösterdiği gönderinin veya Reel’in bağlantısı

Değerler

Bir gönderi URL’si; örneğin https://www.instagram.com/p/{shortcode}/ veya /reel/{shortcode}/

Notlar

Yalnızca herkese açık gönderiler görüntülenir.

data-instgrm-captioned

Ne yapar

Açıklamayı gönderinin altında gösterir

Değerler

Var veya yok (değer yok)

Notlar

Açıklamayı dahil et onay kutusuyla aynıdır. Açıklamayı gizlemek için özniteliği kaldırın.

data-instgrm-version

Ne yapar

Kodun hazırlandığı gömme biçiminin sürümü

Değerler

Bir sayı

Notlar

Instagram’ın ürettiği değeri koruyun.

embed.js

Ne yapar

Sayfadaki blockquote’ları bulur ve görüntülenen gönderilerle değiştirir

Değerler

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

Notlar

Sayfa başına bir kez yükleyin. Sayfa yüklendikten sonra gönderi eklerseniz instgrm.Embeds.process() çağırın.

maxwidth

Ne yapar

Gömmenin en büyük genişliğini ayarlar (oEmbed API isteği)

Değerler

320 ile 658 piksel arası

Notlar

Gömme duyarlıdır; bu yüzden yüksekliği genişliğe ve açıklamanın uzunluğuna bağlıdır.

hidecaption

Ne yapar

Gömme kodunu açıklama olmadan döndürür (oEmbed API isteği)

Değerler

true, false

Notlar

Varsayılan false’tur.

omitscript

Ne yapar

Gömme kodunu embed.js betik etiketi olmadan döndürür (oEmbed API isteği)

Değerler

true, false

Notlar

embed.js’i kendiniz bir kez yüklediğinizde kullanın.

Instagram belgeleri ↗

Instagram gönderisi neden görünmüyor

Hesap gizli

Gizli hesapların gönderileri gömülemez. Sahibinin hesabı herkese açık yapması veya herkese açık bir hesaptan gönderi seçmeniz gerekir.

Sahibi gömmeleri kapatmış

Gömmeleri devre dışı bırakmış hesaplar desteklenmez. Sahibi, Instagram ayarlarından gömmeleri yeniden açabilir.

Hesap yaş kısıtlamalı veya etkin değil

Instagram bu hesapların gönderilerini görüntülemez. Başka bir hesaptan bir gönderi seçin.

Bu bir Hikâye

Hikâyeler gömülemez. İçeriği bir gönderi veya Reel olarak paylaşın ve o bağlantıyı gömün.

Gönderi yerine bağlantılı düz bir kutu görüyorsunuz

embed.js çalışmadı. Betik etiketini kodda tutun ve sayfa yüklendikten sonra gönderi ekleniyorsa instgrm.Embeds.process() çağırın. Ya da betik gerektirmeyen iframe sürümünü kullanın.

Kod bir Shadow DOM içinde duruyor

Instagram, Shadow DOM’u desteklemez. Kodu normal sayfa HTML’ine yerleştirin.

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

İçerik
Gömülebilir mi?
Yapıştırılacak bağlantı
Notlar
Gönderi (fotoğraf, galeri, video)
Evet, herkese açık hesaplardan
instagram.com/p/{shortcode}/
Açıklama gösterilebilir veya gizlenebilir.
Reel
Evet, herkese açık hesaplardan
instagram.com/reel/{shortcode}/
Açıklama gösterilebilir veya gizlenebilir.
Hikâye
Hayır
—
Instagram, Hikâyelerin gömülmesini desteklemez.

Gönderi (fotoğraf, galeri, video)

Gömülebilir mi?

Evet, herkese açık hesaplardan

Yapıştırılacak bağlantı

instagram.com/p/{shortcode}/

Notlar

Açıklama gösterilebilir veya gizlenebilir.

Reel

Gömülebilir mi?

Evet, herkese açık hesaplardan

Yapıştırılacak bağlantı

instagram.com/reel/{shortcode}/

Notlar

Açıklama gösterilebilir veya gizlenebilir.

Hikâye

Gömülebilir mi?

Hayır

Yapıştırılacak bağlantı

—

Notlar

Instagram, Hikâyelerin gömülmesini desteklemez.

Instagram gönderisi nasıl gömülür

  1. Gönderi bağlantısını kopyalayın

    Gönderiyi veya reel’i Instagram’da açın ve bağlantısını kopyalayın.

  2. Buraya yapıştırın

    Bağlantıyı yukarıya yapıştırın ve açıklamanın gösterilip gösterilmeyeceğini seçin.

  3. Kodu kopyalayın

    Gömme kodunu kopyalayın ve sitenizdeki bir HTML veya kod bloğuna yapıştırın.

Sık sorulan sorular

Daha fazla Gömme kodu oluşturucular

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

X (Twitter) Gömme Oluşturucu

Herhangi bir gönderi bağlantısını orijinal görünümüyle bir gömmeye dönüştürün.X (Twitter) Gömme Oluşturucu

iFrame Oluşturucu

Herhangi bir sayfa, form veya uygulama için duyarlı bir iframe oluşturun.iFrame Oluşturucu

PDF Gömme Oluşturucu

PDF menüyü, fiyat listesini veya broşürü sayfa içinde gösterin.PDF Gömme Oluşturucu