Generator Embed Spotify

Tempel tautan Spotify ke lagu, album, playlist, artis, atau episode podcast dan dapatkan pemutar gratis yang bisa Anda pasang di situs web — tanpa perlu daftar.
Generator Embed Spotify
Tautan lagu, album, playlist, artis, podcast, atau episode (URI spotify: juga bisa), mis. https://open.spotify.com/playlist/…Ingin pemutar audio sendiri dengan playlist Anda?

Embed pemutar

<iframe src="https://open.spotify.com/embed/track/4uLU6hMCjMI75M1A2tKUQC?utm_source=generator" title="Pemutar Spotify" 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;">Dibuat dengan <a href="https://elfsight.id/tools/spotify-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.

Ingin pemutar audio sendiri dengan playlist dan branding Anda? Coba widget Audio Player. Lihat Audio Player →

Sebelum Anda pergi

Ingin pemutar audio sendiri dengan playlist dan branding Anda? Coba widget Audio Player.

Lihat Audio Player →
Atau bagikan alat gratis ini:
Widget Audio Player

Pemutar audio Anda sendiri, dengan playlist Anda

Bagikan rilisan, acara audio, atau kuliah dari satu pemutar di situs Anda. Mendukung sumber seperti SoundCloud, YouTube, Vimeo, dan Google Drive, serta file yang Anda unggah.

  • Lagu dari SoundCloud, YouTube, Google Drive, dan lainnya

  • Unggah file atau tambahkan lewat tautan

  • Musik diputar langsung di situs Anda

Buat widget gratis
Tanpa kartu kredit
Pelajari Audio Player

Generator Embed Spotify vs Share → Embed milik Spotify

Menu embed bawaan Spotify bekerja dengan baik saat Anda membuka aplikasi desktop atau web player. Generator ini dimulai dari sebuah tautan, sehingga Anda bisa membuat kodenya dari mana saja.
Share → Embed Spotify
Generator ini
Di ponsel
Aplikasi seluler Spotify tidak menyediakan kode embed.
Berfungsi dengan tautan yang disalin dari aplikasi seluler.
Jenis konten
Lagu, album, playlist, artis, acara podcast, dan episode.
Enam jenis yang sama, dikenali dari tautan.
Tautan yang berantakan
Bukan masalah: Anda memulai dari item itu sendiri.
Menghapus parameter berbagi ?si= dan bagian bahasa seperti /intl-de/ dari tautan yang ditempel.
Ukuran dan warna
Opsi warna dan ukuran di menu embed.
Tinggi normal atau ringkas, dan tema warna.

Di ponsel

Share → Embed Spotify

Aplikasi seluler Spotify tidak menyediakan kode embed.

Generator ini

Berfungsi dengan tautan yang disalin dari aplikasi seluler.

Jenis konten

Share → Embed Spotify

Lagu, album, playlist, artis, acara podcast, dan episode.

Generator ini

Enam jenis yang sama, dikenali dari tautan.

Tautan yang berantakan

Share → Embed Spotify

Bukan masalah: Anda memulai dari item itu sendiri.

Generator ini

Menghapus parameter berbagi ?si= dan bagian bahasa seperti /intl-de/ dari tautan yang ditempel.

Ukuran dan warna

Share → Embed Spotify

Opsi warna dan ukuran di menu embed.

Generator ini

Tinggi normal atau ringkas, dan tema warna.

Opsi embed Spotify

Apa saja yang bisa Anda atur di kode embed, dan apa yang diberikan setiap jenis konten.
Opsi
Fungsinya
Nilai
Catatan
Konten
Apa yang ditampilkan pemutar: satu lagu, koleksi, atau podcast.
Lagu, album, playlist, artis, acara, episode
Dikenali dari tautan. Lagu dengan video musik yang memenuhi syarat menampilkan videonya secara otomatis, dengan kode embed yang sama.
Tinggi
Seberapa tinggi pemutar.
Normal (352 px) atau ringkas (152 px)
Ringkas cocok untuk satu lagu atau episode di ruang sempit. Normal memberi album, playlist, dan artis ruang lebih luas.
Lebar
Seberapa lebar pemutar.
Default 100%
Pada 100%, pemutar memenuhi wadahnya dan menyesuaikan dengan ponsel.
Tema
Skema warna pemutar.
Default atau gelap
Menu embed bawaan Spotify menawarkan pilihan warna yang serupa.
allow
Memberi pemutar fitur browser yang dibutuhkannya.
autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture
Inilah yang dipakai kode bawaan Spotify. Pertahankan encrypted-media: tanpanya, pemutar hanya memutar pratinjau.
loading
Kapan browser memuat pemutar.
lazy
Pemutar dimuat saat pengunjung menggulir mendekatinya, sehingga bagian halaman lainnya dimuat lebih cepat.

Konten

Fungsinya

Apa yang ditampilkan pemutar: satu lagu, koleksi, atau podcast.

Nilai

Lagu, album, playlist, artis, acara, episode

Catatan

Dikenali dari tautan. Lagu dengan video musik yang memenuhi syarat menampilkan videonya secara otomatis, dengan kode embed yang sama.

Tinggi

Fungsinya

Seberapa tinggi pemutar.

Nilai

Normal (352 px) atau ringkas (152 px)

Catatan

Ringkas cocok untuk satu lagu atau episode di ruang sempit. Normal memberi album, playlist, dan artis ruang lebih luas.

Lebar

Fungsinya

Seberapa lebar pemutar.

Nilai

Default 100%

Catatan

Pada 100%, pemutar memenuhi wadahnya dan menyesuaikan dengan ponsel.

Tema

Fungsinya

Skema warna pemutar.

Nilai

Default atau gelap

Catatan

Menu embed bawaan Spotify menawarkan pilihan warna yang serupa.

allow

Fungsinya

Memberi pemutar fitur browser yang dibutuhkannya.

Nilai

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

Catatan

Inilah yang dipakai kode bawaan Spotify. Pertahankan encrypted-media: tanpanya, pemutar hanya memutar pratinjau.

loading

Fungsinya

Kapan browser memuat pemutar.

Nilai

lazy

Catatan

Pemutar dimuat saat pengunjung menggulir mendekatinya, sehingga bagian halaman lainnya dimuat lebih cepat.

Spotify for Developers: Creating an Embed ↗

Masalah umum embed Spotify

Hanya pratinjau singkat yang diputar.

Dalam situasi tertentu Spotify memutar klip pratinjau kurang dari 30 detik, bukan lagu penuh. Pengunjung yang belum masuk ke Spotify di browser mereka mendengar pratinjau dan diminta masuk atau mendaftar. Anda tidak dapat mengubahnya dari kode embed.

Hanya pratinjau yang diputar, bahkan untuk pengunjung yang sudah masuk.

Pastikan allow="encrypted-media" masih ada di iframe. Beberapa pembuat situs dan plugin menghapus atribut; tanpa atribut ini, Spotify hanya memutar pratinjau.

Pemutaran penuh tidak berfungsi di beberapa browser.

Spotify mencantumkan Chrome, Firefox, Edge, Opera, dan Safari sebagai browser dengan dukungan terbaik. Di browser lain, lagu dan episode penuh mungkin tidak diputar di embed.

Pemutar tidak mulai sendiri.

Browser seperti Safari memblokir putar otomatis sampai pengunjung berinteraksi dengan halaman. Spotify juga menyarankan agar podcast tidak diputar otomatis di situs eksternal, supaya statistik pendengar tetap akurat.

Anda tidak menemukan opsi embed di ponsel.

Aplikasi seluler Spotify tidak menyediakan kode embed. Salin tautan berbagi di aplikasi dan tempel di sini, atau gunakan aplikasi desktop atau web player.

Pemutar menghilang setelah Anda menyimpan halaman.

Beberapa editor menghapus iframe dari blok teks biasa. Tempel kode ke blok HTML kustom atau blok embed.

Cara meng-embed Spotify di situs web

  1. Salin tautan Spotify

    Di Spotify, pilih Share → Copy link pada lagu, album, playlist, atau episode.

  2. Pilih pemutar

    Tempel tautan lalu pilih pemutar ringkas atau penuh dan temanya.

  3. Tempel kode

    Tambahkan kode ke blok HTML di halaman 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