Generator Kode Embed Responsif (YouTube, Vimeo, Maps, Calendly) | We.Inc
Tempel tautan YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom, atau Google Forms dan dapatkan kode iframe responsif dan lazy-loaded dengan judul yang aksesibel, pratinjau langsung, dan catatan privasi untuk setiap penyedia.
Tempel tautan dari penyedia yang didukung, pilih rasio aspek, dan beri judul untuk embed-nya. Anda mendapat kode iframe yang menyesuaikan ke lebar layar mana pun, hanya dimuat saat pengunjung menggulir dekat, dan membawa judul untuk pengguna pembaca layar. Pratinjau langsung menunjukkan hasilnya, dan catatan untuk setiap penyedia memberi tahu apa yang mungkin dilacaknya dan apakah opsi ramah privasi tersedia. Semuanya berjalan di browser Anda. Tidak ada yang Anda ketik atau unggah dikirim ke We.Inc atau pihak lain mana pun.
Tempel tautan: video YouTube atau Vimeo, tautan embed Google Maps, halaman pemesanan Calendly, track atau playlist Spotify, video Loom, atau Google Form.
Alat ini mengenali penyedianya dan menulis ulang tautan menjadi alamat embed resmi penyedia itu. Tautan yang tidak dikenali ditolak, bukan ditebak.
Pilih rasio aspek (16:9 untuk video, 4:3, 1:1, atau tinggi tetap untuk halaman pemesanan dan formulir) dan tulis judul yang menyatakan isi embed-nya.
Pilih perilaku pemuatan. Lazy loading aktif secara default supaya embed-nya tidak memperlambat tampilan pertama halaman.
Cek pratinjau langsungnya, lalu salin HTML-nya. Catatan penyedianya mendaftar apa yang perlu disebutkan di pemberitahuan privasi atau cookie Anda.
Beri setiap iframe judul yang mendeskripsikan isinya, seperti "Peta ke toko kami di Jalan King". Pembaca layar mengumumkannya.
Gunakan youtube-nocookie.com untuk video YouTube. Ini menghindari pemasangan cookie YouTube sampai pengunjung menekan putar.
Jaga embed berat tetap di bawah layar pertama atau lazy-load mereka; masing-masing memuat seluruh halaman dari situs lain.
Widget pemesanan, widget chat, dan formulir adalah produk penyedianya, bukan situs web Anda. Ketentuan dan penanganan data mereka berlaku.
Untuk Google Maps, gunakan Share, lalu Embed a map, lalu salin alamat di dalam src. Tautan maps biasa tidak bisa di-embed.
Pertanyaan yang sering diajukan
Bagaimana cara membuat iframe responsif?
Bungkus dalam kontainer yang mengatur aspect-ratio (misalnya 16 / 9) dan width: 100%, lalu buat iframe-nya mengisi kontainernya. Situs lama memakai trik padding-top; aspect-ratio didukung semua browser saat ini. Alat ini menghasilkan versi modernnya.
Penyedia mana yang didukung?
YouTube (termasuk Shorts dan tautan youtu.be), Vimeo, tautan embed Google Maps, Calendly, Spotify, Loom, dan Google Forms. Masing-masing punya alamat embed yang terdokumentasi. Tautan lain ditolak supaya alat ini tidak pernah menghasilkan kode yang tidak akan berfungsi.
Apakah lazy loading merugikan embed-nya?
Tidak. loading="lazy" memberi tahu browser untuk mengambil iframe-nya hanya saat mendekati bagian halaman yang terlihat. Pengunjung yang menggulir ke situ melihatnya dimuat seperti biasa.
Apakah We.Inc menyediakan pemesanan atau chat?
Tidak. Calendly dan alat serupa adalah layanan terpisah yang Anda daftarkan sendiri dengan mereka. Alat ini hanya menghasilkan kode untuk menampilkan widget mereka di halaman Anda.
Mengapa tautan Google Maps saya tidak berfungsi?
Tautan maps.google.com dan goo.gl biasa memblokir embedding. Buka tempatnya di Google Maps, pilih Share, lalu Embed a map, dan tempel alamat dari bagian src kode yang ditampilkannya.
Apa yang dikorbankan pengunjung Anda untuk setiap embed
Embed adalah jendela kecil ke halaman perusahaan lain. Ini memuat skrip mereka, bisa memasang cookie mereka, dan menambah beban ke halaman Anda. Itu sering sepadan, tapi seharusnya jadi pilihan: lazy-load embed di bawah layar pertama, gunakan mode privasi-tingkat-lanjut jika ada, dan sebutkan embed pihak ketiga di pemberitahuan privasi Anda.
Embed yang aksesibel
Pembaca layar mengumumkan iframe lewat judulnya. Tanpa itu, pengunjung mendengar "frame" dan tidak ada lagi. Judul yang jelas, tautan teks ke konten yang sama di bawah embed-nya, dan teks berjalan di video membuat konten embed bisa dipakai semua orang.