Özel YouTube Video Yerleştirmelerine İlişkin Tam Teknik Kılavuz
Web geliştiricileri, içerik yayıncıları ve e-ticaret tasarımcıları için video içeriğini entegre etmek, ziyaretçilerin sitede geçirdiği süreyi artırmanın ve ürünleri sergilemenin son derece etkili bir yoludur. YouTube, video varlıklarını barındırmada altın standarttır ve tamamen ücretsiz olarak hızlı teslimat ve sonsuz bant genişliği sağlar.
Ancak, YouTube tarafından sağlanan varsayılan "Paylaş -> Yerleştir" kod bloğu hiçbir oynatıcı özelleştirmesi sunmaz. Oynatıcı kontrollerini devre dışı bırakmak, otomatik döngüleri etkinleştirmek, sessiz akışları otomatik oynatmak, özel başlangıç zamanları ayarlamak veya oynatıcıyı GDPR uyumlu hale getirmek istiyorsanız özel kod yazmanız gerekir.
YouTube Yerleştirme Kodu Oluşturucumuz, optimize edilmiş, duyarlı ve gizliliği geliştirilmiş HTML iframe kod bloklarını tek tıklamayla derler.
IFrame API Parametrelerini Anlama
Başlangıçta bir YouTube oynatıcısı, Google'ın yerleştirme motoru API'sıyla eşlenen bir HTML öğesi kullanılarak oluşturulur.
Özel davranışlar, anahtar/değer parametrelerinin doğrudan kaynak URL'ye eklenmesiyle kontrol edilir:
- Otomatik oynat (
autoplay=1&mute=1): Sayfa yüklendiğinde videoyu otomatik olarak başlatır. Modern tarayıcılar sesli otomatik oynatmayı engellediğinden bunu sessiz parametresiyle eşleştirmeniz gerekir. - Döngü (
loop=1&playlist=VIDEO_ID): Videoyu sürekli olarak döngüye alır. Döngülerin başarısız olmasını önlemek için API, hedef video kimliğinizle eşleşen oynatma listesi kimliğini bildirmenizi gerektirir. - Oynatıcı Kontrolleri (
controls=0): YouTube oynatma çubuğunu, ses denetleyicilerini ve tam ekran ayarlarını gizleyerek temiz bir arka plan video görünümü oluşturur. - Mütevazı Markalama (
modestbranding=1): YouTube logosunu oynatıcı kontrol çubuğundan gizler. - Geliştirilmiş Gizlilik Modu (
youtube-nocookie.com): GDPR uyumluluğu için gerekli olan, kullanıcı videoyu oynatana kadar YouTube'un izleme çerezleri ayarlamasını engeller.
Adım Adım Eğitim: Özelleştirilmiş Video Nasıl Yerleştirilir
- Video Bağlantısını Girin: YouTube video URL'sinin tamamını yapıştırın.
- Oynatıcı Seçeneklerini Yapılandırın: Otomatik oynatmayı, döngüleri, kontrolleri açın, sessize alın ve istediğiniz başlangıç ve bitiş zaman damgalarını ayarlayın.
- Gizlilik ve Düzen Modlarını Seçin: Oynatıcının cep telefonlarında güzel görünmesini sağlamak için Duyarlı Tasarım'ı etkinleştirin ve GDPR uyumluluğunu sürdürmek için Gizlilik Modu'nu açın.
- HTML Oluştur: Yerleştirme Kodu Oluştur'u tıklayın. Derlenmiş iframe kod bloğunu kopyalayın.
- HTML Düzenleyiciye Yapıştır: Kod bloğunu doğrudan WordPress, Shopify, Next.js veya ham HTML düzeninize yapıştırın.
Karşılaştırma: Standart Yerleştirmeler, Duyarlı Yerleştirmeler ve Dinamik Geç Yükleme
Önemli Web Verilerinizi korumak için doğru yükleme stratejisini seçme:
Web Sitenize Video Yerleştirmeye İlişkin En İyi Uygulamalar
- Her Zaman Duyarlı Sarmalayıcılar Kullanın: Hiçbir zaman sabit genişlik/yükseklik değerlerini (640×360 piksel gibi) kodlamayın. Akıllı telefonlarda mükemmel 16:9 oranını korumak için iframe'i
%56,25dolgulu alt kısmı olan ilgili bir CSS kapsayıcısına sarın. - Otomatik Oynatılan Videoların Sesini Kapat: Videonuz otomatik oynatılacak şekilde ayarlanmışsa, sesi kapatmayı etkinleştirmeniz gerekir. Ses kapatılmazsa Chrome ve Safari gibi tarayıcılar otomatik oynatma işlemini engeller.
- GDPR Uyumluluğunuzu Güvenceye Alın: Siteniz Avrupa trafiğine hizmet veriyorsa, işletmenizi çerez uyumluluğu denetimlerinden korumak için
youtube-nocookie.comyerleştirmelerini kullanın.