Spotify Gömme Oluşturucu

Bir şarkı, albüm, çalma listesi, sanatçı veya podcast bölümünün Spotify bağlantısını yapıştırın ve web sitenize koyabileceğiniz ücretsiz bir oynatıcı alın; üyelik gerekmez.
Spotify Gömme Oluşturucu
Bir şarkı, albüm, çalma listesi, sanatçı, podcast veya bölüm bağlantısı (spotify: URI'leri de çalışır), ör. https://open.spotify.com/playlist/…Kendi çalma listenizle kendi ses oynatıcınızı mı istiyorsunuz?

Oynatıcıyı gömün

<iframe src="https://open.spotify.com/embed/track/4uLU6hMCjMI75M1A2tKUQC?utm_source=generator" title="Spotify oynatıcısı" width="100%" height="352" style="border:0;border-radius:12px;" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<p style="margin:4px auto 0;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;"><a href="https://tr.elfsight.com/tools/spotify-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.

Çalma listeniz ve markanızla kendi ses oynatıcınızı mı istiyorsunuz? Audio Player widget'ını deneyin. Audio Player widget'ına bakın →

Ayrılmadan önce

Çalma listeniz ve markanızla kendi ses oynatıcınızı mı istiyorsunuz? Audio Player widget'ını deneyin.

Audio Player widget'ına bakın →
Ya da bu ücretsiz aracı paylaşın:
Audio Player widget'ı

Kendi ses oynatıcınız, kendi çalma listenizle

Çıkışlarınızı, ses programlarınızı veya derslerinizi sitenizde tek bir oynatıcıdan paylaşın. SoundCloud, YouTube, Vimeo ve Google Drive gibi kaynakları ve yüklediğiniz dosyaları destekler.

  • SoundCloud, YouTube, Google Drive ve daha fazlasından parçalar

  • Dosya yükleyin veya bağlantıyla ekleyin

  • Müzik doğrudan sitenizde çalar

Ücretsiz widget oluştur
Kredi kartı gerekmez
Audio Player hakkında bilgi edinin

Spotify Gömme Oluşturucu ve Spotify'ın Paylaş → Göm seçeneği

Spotify'ın kendi gömme menüsü, masaüstü uygulaması veya web oynatıcısı açıkken iyi çalışır. Oluşturucu bir bağlantıdan başlar, böylece kodu her yerden hazırlayabilirsiniz.
Spotify'ın Paylaş → Göm seçeneği
Bu oluşturucu
Telefonda
Spotify mobil uygulaması gömme kodu vermez.
Mobil uygulamadan kopyalanan bağlantıyla çalışır.
İçerik türleri
Şarkı, albüm, çalma listesi, sanatçı, podcast programı ve bölüm.
Aynı altı tür, bağlantıdan algılanır.
Dağınık bağlantılar
Sorun değil: öğenin kendisinden başlarsınız.
Yapıştırılan bağlantılardan ?si= paylaşım parametresini ve /intl-de/ gibi dil bölümlerini kaldırır.
Boyut ve renk
Gömme menüsünde renk ve boyut seçenekleri.
Normal veya kompakt yükseklik ve bir renk teması.

Telefonda

Spotify'ın Paylaş → Göm seçeneği

Spotify mobil uygulaması gömme kodu vermez.

Bu oluşturucu

Mobil uygulamadan kopyalanan bağlantıyla çalışır.

İçerik türleri

Spotify'ın Paylaş → Göm seçeneği

Şarkı, albüm, çalma listesi, sanatçı, podcast programı ve bölüm.

Bu oluşturucu

Aynı altı tür, bağlantıdan algılanır.

Dağınık bağlantılar

Spotify'ın Paylaş → Göm seçeneği

Sorun değil: öğenin kendisinden başlarsınız.

Bu oluşturucu

Yapıştırılan bağlantılardan ?si= paylaşım parametresini ve /intl-de/ gibi dil bölümlerini kaldırır.

Boyut ve renk

Spotify'ın Paylaş → Göm seçeneği

Gömme menüsünde renk ve boyut seçenekleri.

Bu oluşturucu

Normal veya kompakt yükseklik ve bir renk teması.

Spotify gömme seçenekleri

Gömme kodunda neleri ayarlayabileceğiniz ve her içerik türünün size ne sunduğu.
Seçenek
Ne yapar
Değerler
Notlar
İçerik
Oynatıcının gösterdiği şey: tek bir şarkı, bir koleksiyon veya bir podcast.
Şarkı, albüm, çalma listesi, sanatçı, program, bölüm
Bağlantıdan algılanır. Uygun bir müzik videosu olan şarkı, aynı gömme koduyla videoyu otomatik olarak gösterir.
Yükseklik
Oynatıcının ne kadar uzun olduğu.
Normal (352 px) veya kompakt (152 px)
Kompakt, dar bir alanda tek bir şarkı veya bölüm için uygundur. Normal, albümlere, çalma listelerine ve sanatçılara daha fazla yer verir.
Genişlik
Oynatıcının ne kadar geniş olduğu.
Varsayılan olarak 100%
%100'de oynatıcı kapsayıcısını doldurur ve telefonlara uyum sağlar.
Tema
Oynatıcının renk düzeni.
Varsayılan veya koyu
Spotify'ın kendi gömme menüsü de aynı türde bir renk seçimi sunar.
allow
Oynatıcıya ihtiyaç duyduğu tarayıcı özelliklerini verir.
autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture
Spotify'ın kendi kodunun kullandığı budur. encrypted-media değerini koruyun: o olmadan oynatıcı yalnızca önizleme çalar.
loading
Tarayıcının oynatıcıyı ne zaman yüklediği.
lazy
Oynatıcı, ziyaretçi yakınına kaydırdığında yüklenir; böylece sayfanın geri kalanı daha hızlı yüklenir.

İçerik

Ne yapar

Oynatıcının gösterdiği şey: tek bir şarkı, bir koleksiyon veya bir podcast.

Değerler

Şarkı, albüm, çalma listesi, sanatçı, program, bölüm

Notlar

Bağlantıdan algılanır. Uygun bir müzik videosu olan şarkı, aynı gömme koduyla videoyu otomatik olarak gösterir.

Yükseklik

Ne yapar

Oynatıcının ne kadar uzun olduğu.

Değerler

Normal (352 px) veya kompakt (152 px)

Notlar

Kompakt, dar bir alanda tek bir şarkı veya bölüm için uygundur. Normal, albümlere, çalma listelerine ve sanatçılara daha fazla yer verir.

Genişlik

Ne yapar

Oynatıcının ne kadar geniş olduğu.

Değerler

Varsayılan olarak 100%

Notlar

%100'de oynatıcı kapsayıcısını doldurur ve telefonlara uyum sağlar.

Tema

Ne yapar

Oynatıcının renk düzeni.

Değerler

Varsayılan veya koyu

Notlar

Spotify'ın kendi gömme menüsü de aynı türde bir renk seçimi sunar.

allow

Ne yapar

Oynatıcıya ihtiyaç duyduğu tarayıcı özelliklerini verir.

Değerler

autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture

Notlar

Spotify'ın kendi kodunun kullandığı budur. encrypted-media değerini koruyun: o olmadan oynatıcı yalnızca önizleme çalar.

loading

Ne yapar

Tarayıcının oynatıcıyı ne zaman yüklediği.

Değerler

lazy

Notlar

Oynatıcı, ziyaretçi yakınına kaydırdığında yüklenir; böylece sayfanın geri kalanı daha hızlı yüklenir.

Spotify for Developers: Gömme oluşturma ↗

Spotify gömmeyle sık karşılaşılan sorunlar

Yalnızca kısa bir önizleme çalıyor.

Bazı durumlarda Spotify, şarkının tamamı yerine 30 saniyeden kısa bir önizleme klibi yayınlar. Tarayıcısında Spotify'a giriş yapmamış ziyaretçiler önizleme dinler ve giriş yapmaları veya kaydolmaları istenir. Bunu gömme kodundan değiştiremezsiniz.

Giriş yapmış ziyaretçiler için bile yalnızca önizlemeler çalıyor.

allow="encrypted-media" değerinin iframe'de hâlâ durduğunu kontrol edin. Bazı site oluşturucular ve eklentiler öznitelikleri siler; bu olmadan Spotify yalnızca önizleme çalar.

Bazı tarayıcılarda tam oynatma çalışmıyor.

Spotify, en iyi desteklenen tarayıcılar olarak Chrome, Firefox, Edge, Opera ve Safari'yi listeler. Diğerlerinde tam şarkılar ve bölümler gömmede çalmayabilir.

Oynatıcı kendiliğinden başlamıyor.

Safari gibi tarayıcılar, ziyaretçi sayfayla etkileşime girene kadar otomatik oynatmayı engeller. Spotify ayrıca dinleme istatistiklerinin doğru kalması için podcast'leri harici sitelerde otomatik oynatmamanızı önerir.

Telefonunuzda gömme seçeneğini bulamıyorsunuz.

Spotify mobil uygulaması gömme kodu sağlamaz. Uygulamada paylaşım bağlantısını kopyalayıp buraya yapıştırın veya masaüstü uygulamasını ya da web oynatıcısını kullanın.

Oynatıcı, sayfayı kaydettikten sonra kayboluyor.

Bazı editörler iframe'leri normal metin bloklarından kaldırır. Kodu özel HTML veya gömme bloğuna yapıştırın.

Bir web sitesine Spotify nasıl gömülür

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

    Spotify'da bir şarkıda, albümde, çalma listesinde veya bölümde Paylaş → Bağlantıyı kopyala seçeneğini seçin.

  2. Oynatıcıyı seçin

    Bağlantıyı yapıştırın ve kompakt veya tam oynatıcıyı ve temayı seçin.

  3. Kodu yapıştırın

    Kodu sayfanızdaki bir HTML bloğuna ekleyin.

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