Kode Podcast HTML
Putar episode podcast di situs HTML Anda untuk memperluas jangkauan, menunjukkan keahlian, dan menyajikan konten dalam format yang membuat pengguna terus kembali.
Buat Widget Gratis
Tidak perlu kartu kredit
Dipercaya oleh lebih dari 3.000.000 bisnis kecil, agensi, dan merek global terkemuka di seluruh dunia.
Buat widget Pemutar Podcast Anda
Atur widget Anda dan tambahkan ke situs HTML Anda secara gratis!
Cuplikan Layar
Mengapa Orang Suka Elfsight
Anda telah menaruh hati pada podcast Anda – jangan biarkan audiens Anda meninggalkan halaman Anda untuk mendengarnya. Dengan Pemutar Podcast Elfsight untuk HTML, Anda bisa menyajikan episode Anda tepat di tempat orang menemukannya. Mudah, rapi, dan menyatu sempurna dengan desain Anda.
Meski Anda bukan pengembang, Anda akan langsung merasa nyaman. Ambil daftar trek Anda, sesuaikan pemutar, dan tempel cuplikan kodenya. Sesederhana itu.
Tahukah Anda?
Sekitar 80% pendengar podcast menghabiskan sekitar 7 jam setiap minggu untuk mendengarkan acara favorit mereka.
Jangan biarkan episode-episode Anda hilang—sematkan Pemutar Podcast Elfsight sekarang agar pendengar menghabiskan jam-jam itu tepat di halaman Anda.
Fitur Utama Pemutar Podcast HTML
Inilah apa yang Anda dapatkan ketika menambahkan Elfsight ke halaman HTML Anda:
- Dukungan feed RSS: Cukup berikan tautan RSS podcast Anda (atau sumber seperti PodBean, Libsyn, dll.), dan widget akan memuat episode secara otomatis.
- Desain responsif dan adaptif: Tampilan tetap oke di ponsel, tablet, maupun desktop.
- Dua mode tata letak: Pilih antara tipe tampilan tersemat dan mengambang.
- Tampilkan atau sembunyikan metadata: Nama penulis, judul, gambar sampul – tampilkan hanya apa yang Anda inginkan.
- Kontrol Daftar Putar: Pengunjung bisa melihat episode yang akan datang atau menyembunyikan daftar putar sepenuhnya.
- Opsi Putar Otomatis: Mulai pemutaran secara otomatis (jika peramban mengizinkan) atau biarkan pendengar menekan putar.
- Tema warna kustom: Pilih mode terang atau gelap, atau buat palet warna Anda sendiri.
- Opsi toggle yang fleksibel: Anda bisa membalik urutan daftar putar, memilih format tanggal, dan lainnya.
Cara Menambahkan Pemutar Podcast ke HTML
Berikut dua cara umum untuk menyemat kode pemutar podcast. Pilih yang paling cocok dengan tata letak Anda:
Metode 1: Sematan Langsung
Cocok jika Anda ingin pemutar berada di dalam posting blog, halaman artikel, atau bagian.
- Pilih tata letak: Di editor Elfsight, pilih gaya inline yang Anda sukai.
- Sesuaikan pemutar: Tambahkan tautan feed Anda, sesuaikan warna, hidupkan/matikan bidang metadata.
- Buat kode HTML Anda: Klik “Tambahkan ke situs web” dan salin potongan kodenya.
- Sisipkan di situs Anda: Tempel potongan kode itu pada halaman Anda di mana pemutar akan muncul.
- Simpan dan pratinjau: Publikasikan halaman Anda dan periksa bagaimana pemutar terlihat dan berfungsi secara langsung.
Metode 2: Pemutar Mengambang / Menempel
Cocok saat Anda ingin pemutar kecil atau tombol yang mengikuti pengunjung saat mereka menggulir.
- Pilih tata letak mengambang: Di editor, pilih varian lengket atau mengambang.
- Sesuaikan penampilan & perilaku: Tambahkan tautan URL Anda, atur ikon, posisi, kontrol pemutar, dan informasinya.
- Buat cuplikan kode: Salin kode HTML yang disediakan.
- Tambahkan ke situs Anda secara global: Tempelkan ke footer global Anda atau sebelum menutup </body> tag agar muncul di semua halaman.
- Uji secara langsung: Segarkan halaman dan jelajahi beberapa halaman – pemutar seharusnya mengambang dan tetap bisa diakses.
Need help? Cek Pusat Bantuan kami untuk panduan lengkap atau blog kami tentang cara menyematkan kode HTML podcast. Kamu juga bisa mengajukan ide fitur di Daftar Keinginan kami atau mengikuti pembaruan melalui Catatan Perubahan.
Bisakah saya menambahkan widget Pemutar Podcast ke situs HTML statis?
Ya, Elfsight bekerja di situs HTML statis mana pun. Cukup salin dan tempel kode pemasangan ke sumber halaman di mana widget Anda ingin muncul.
Apakah saya perlu hosting khusus untuk menggunakan Pemutar Podcast pada HTML?
Tak perlu paket hosting khusus. Selama situs HTML Anda mendukung JavaScript, widget ini akan tampil dan berjalan dengan baik.
Bagaimana cara widget Podcast memuat episode di situs HTML?
Di situs HTML, Elfsight menarik episode langsung dari feed RSS yang Anda berikan. Ia membaca judul, gambar sampul, penulis, dan data pemutaran secara otomatis, lalu menampilkannya di dalam widget HTML yang tertanam.
Bisakah saya menyembunyikan elemen daftar putar atau detail episode?
Ya, Elfsight memungkinkan Anda menonaktifkan daftar putar, judul episode, nama penulis, atau gambar sampul. Dengan begitu, Anda bisa membuat blok audio yang ringkas dan pas menyatu dengan tata letak HTML Anda.
RSS feed apa saja yang didukung?
Widget ini bekerja dengan feed RSS dari platform podcast utama seperti Apple Podcasts, SoundCloud, PodBean, RSS.com, dan layanan serupa yang menyediakan tautan RSS publik yang valid.
Apakah pemutar episode podcast mendukung pemutaran otomatis?
Ya, pemutaran otomatis dapat diaktifkan di pengaturan widget. Namun, kebijakan peramban pada situs HTML Anda mungkin mengharuskan interaksi pengguna sebelum pemutaran dimulai.
Seberapa sering umpan podcast diperbarui di HTML?
Elfsight tidak bergantung pada caching, jadi episode baru muncul di situs HTML Anda segera setelah diterbitkan di feed aslinya.
Bisakah saya mengatur ulang episode podcast secara manual?
Urutan episode mengikuti sumber RSS, biasanya menampilkan yang terbaru terlebih dahulu. Widget HTML mencerminkan struktur umpan sambil memungkinkan penyesuaian format.
Apakah pemutar memuat file audio terlebih dahulu?
Audio dimuat secara progresif saat pemutaran dimulai. Pendekatan ini menjaga situs HTML Anda tetap cepat sambil buffering hanya episode yang dipilih.
Bagaimana cara mendapatkan RSS feed dari platform podcast?
Jika suatu platform tidak menampilkan tautan RSS secara langsung, Anda bisa menggunakan layanan konversi untuk menghasilkan URL RSS yang kompatibel untuk widget.
Harga
Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Solusi lintas-platform yang cocok untuk situs mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan 24/7, tepat waktu, dan terdokumentasi dengan baik
Dukungan pemasangan gratis
Penawaran terbatas untuk beberapa aplikasi
Desain Fleksibel