Duyarlı Yerleştirme Kodu Oluşturucu (YouTube, Vimeo, Haritalar, Calendly) | We.Inc
Bir YouTube, Vimeo, Google Haritalar, Calendly, Spotify, Loom veya Google Forms bağlantısı yapıştırın; erişilebilir başlıklı, duyarlı, tembel yüklenen iframe kodu, canlı bir önizleme ve her sağlayıcı için bir gizlilik notu alın.
Desteklenen bir sağlayıcıdan bir bağlantı yapıştırın, bir en boy oranı seçin ve yerleştirmeye bir başlık verin. Herhangi bir ekran genişliğine ölçeklenen, yalnızca bir ziyaretçi yakınına kaydırdığında yüklenen ve ekran okuyucu kullanıcıları için bir başlık taşıyan iframe kodu alırsınız. Canlı bir önizleme sonucu gösterir, her sağlayıcı için bir not neyi izleyebileceğini ve gizlilik dostu bir seçenek olup olmadığını söyler. Her şey tarayıcınızda çalışır. Yazdığınız veya yüklediğiniz hiçbir şey We.Inc'e ya da başka birine gönderilmez.
Bir bağlantı yapıştırın: bir YouTube veya Vimeo videosu, bir Google Haritalar yerleştirme bağlantısı, bir Calendly rezervasyon sayfası, bir Spotify parçası veya çalma listesi, bir Loom videosu ya da bir Google Form.
Araç sağlayıcıyı tanır ve bağlantıyı o sağlayıcının resmi yerleştirme adresine dönüştürür. Tanımadığı bağlantılar tahmin edilmek yerine reddedilir.
En boy oranını seçin (video için 16:9, resim için 4:3, 1:1 veya rezervasyon sayfaları ve formlar için sabit bir yükseklik) ve yerleştirmenin ne olduğunu söyleyen bir başlık yazın.
Yükleme davranışını seçin. Sayfanın ilk görünümünü yavaşlatmasın diye tembel yükleme varsayılan olarak açıktır.
Canlı önizlemeyi kontrol edin, sonra HTML'i kopyalayın. Sağlayıcı notu, gizlilik veya çerez bildiriminizde neden bahsedeceğinizi listeler.
Her iframe'e içeriğini tanımlayan bir başlık verin, örneğin "King Sokağı'ndaki mağazamıza harita". Ekran okuyucular bunu duyurur.
YouTube videoları için youtube-nocookie.com kullanın. Ziyaretçi oynat'a basana kadar YouTube çerezlerinin ayarlanmasını önler.
Ağır yerleştirmeleri ilk ekranın altında tutun veya tembel yükleyin; her biri başka bir siteden koca bir sayfa yükler.
Rezervasyon widget'ları, sohbet widget'ları ve formlar, sizin web sitenizin değil, sağlayıcının ürünüdür. Onların koşulları ve veri işleme kuralları geçerlidir.
Google Haritalar için Paylaş'ı, sonra Bir harita yerleştir'i seçin, ardından src içindeki adresi kopyalayın. Normal bir haritalar bağlantısı yerleştirilemez.
Sıkça sorulan sorular
Bir iframe'i nasıl duyarlı yaparım?
Onu aspect-ratio (örneğin 16 / 9) ve width: 100% ayarlayan bir kapsayıcıya sarın ve iframe'in kapsayıcıyı doldurmasını sağlayın. Eski siteler bir padding-top numarası kullanırdı; aspect-ratio tüm güncel tarayıcılar tarafından desteklenir. Bu araç modern sürümü çıktı olarak verir.
Hangi sağlayıcılar destekleniyor?
YouTube (Shorts ve youtu.be bağlantıları dahil), Vimeo, Google Haritalar yerleştirme bağlantıları, Calendly, Spotify, Loom ve Google Forms. Her birinin belgelenmiş bir yerleştirme adresi vardır. Diğer bağlantılar reddedilir, böylece araç asla çalışmayacak kod üretmez.
Tembel yükleme yerleştirmeye zarar verir mi?
Hayır. loading="lazy", tarayıcıya iframe'i yalnızca sayfanın görünür kısmına yakın olduğunda getirmesini söyler. Ona kadar kaydıran ziyaretçiler normal şekilde yüklendiğini görür.
We.Inc rezervasyon veya sohbet sağlıyor mu?
Hayır. Calendly ve benzeri araçlar, onlarla kendinizin kaydolduğu ayrı hizmetlerdir. Bu araç yalnızca widget'larını sayfanızda göstermek için kodu üretir.
Google Haritalar bağlantım neden çalışmıyor?
Normal maps.google.com ve goo.gl bağlantıları yerleştirmeyi engeller. Yeri Google Haritalar'da açın, Paylaş'ı, sonra Bir harita yerleştir'i seçin ve size gösterdiği kodun src kısmındaki adresi yapıştırın.
Her yerleştirmenin ziyaretçilerinize maliyeti
Bir yerleştirme, başka bir şirketin sayfasına açılan küçük bir penceredir. Onların betiklerini yükler, çerezlerini ayarlayabilir ve sayfanıza ağırlık katar. Bu genellikle buna değer, ama bir seçim olmalıdır: ilk ekranın altındaki yerleştirmeleri tembel yükleyin, var olduğunda gizlilik geliştirilmiş modları kullanın ve gizlilik bildiriminizde üçüncü taraf yerleştirmelerden bahsedin.
Erişilebilir yerleştirmeler
Ekran okuyucular bir iframe'i başlığıyla duyurur. Başlığı olmadan, ziyaretçiler yalnızca "çerçeve" duyar. Net bir başlık, yerleştirmenin altında aynı içeriğe bir metin bağlantısı ve videolarda altyazılar, yerleştirilmiş içeriği herkes için kullanılabilir yapar.