Kadro Dizilişini Web Sitene Ekleme: iFrame ile Kadro Gömme Rehberi

Bir futbol blogu, taraftar sitesi ya da forum başlığı yönetiyorsanız, kadroları büyük ihtimalle ekran görüntüsü olarak paylaşıyorsunuz. Ekran görüntüsünün sorunu belli: statik, mobilde bulanıklaşıyor ve kadro değiştiği anda görseli yeniden düzenleyip yüklemeniz gerekiyor. Daha iyi bir yol var — QuickLineup ile kurduğunuz kadroyu tek bir iframe koduyla herhangi bir web sitesine canlı olarak gömebilirsiniz, üstelik tamamen ücretsiz.

Neden Görsel Yerine Gömülü Kadro?

• Her zaman net görünür. Gömülü kadro canlı render edilir; her ekran boyutunda keskin kalır, forma numaraları pikselleşmez.
• İnteraktiftir. Ziyaretçileriniz kadroyu takım renkleri, oyuncu isimleri ve numaralarıyla, tam kurduğunuz haliyle görür.
• Analizinizi taşır. Maç önü yazısının içindeki muhtemel 11, isimleri alt alta yazmaktan çok daha etkileyicidir.
• 19 dilde çalışır. Widget arayüzü seçtiğiniz dile uyum sağlar; Türkçe bir blog Türkçe widget alır.

Adım 1: Kadronu Kur

QuickLineup ana sayfasına gidin ve kadronuzu kurun: güncel kadrosuyla gerçek bir takım seçebilir ya da halı saha kadro kurma aracıyla kendi oyuncu isimleriniz ve forma renklerinizle sıfırdan bir kadro oluşturabilirsiniz. Formasyonunuzu seçin, oyuncuları dizin ve her şeyi istediğiniz gibi ayarlayın.

Adım 2: Kadroyu Paylaş

Kadronuz hazır olduğunda paylaş butonunu kullanın. QuickLineup kadronuzu kaydeder ve ona kalıcı bir paylaşım sayfası ile kendi bağlantısını verir. Bu bağlantı gömme işleminizin kaynağıdır — linki açan herkes tam olarak kurduğunuz kadroyu görür.

Adım 3: Gömme Kodunu Kopyala

Paylaşım sayfasında "Sitene göm" butonuna tıklayın. Kopyalamaya hazır bir iframe kodu içeren kutu açılır:

<iframe
  src="https://quicklineup.com/embed/KADRO-ID"
  width="800"
  height="600"
  style="border:none;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;max-height:600px;"
  title="Kadrom - QuickLineup">
</iframe>

Kopyala butonuna tıkladığınızda kod panonuzda. İhtiyacınız olan tüm "kodlama" bu kadar. Kod baştan responsive: width:100% makale sütununu doldurur, aspect-ratio mobilde oranı korur, max-height masaüstünde 600 pikselde durdurur.

Adım 4: Kodu Sitene Yapıştır

Kodu nereye yapıştıracağınız platformunuza bağlı:

• WordPress: Editörde bir Özel HTML bloğu ekleyin ve iframe'i içine yapıştırın.
• Blogger: Yazı editörünü HTML görünümüne alın ve kodu kadronun görünmesini istediğiniz yere yapıştırın.
• Forumlar: HTML desteği (veya iframe BBCode'u) olan forum yazılımları kodu doğrudan kabul eder.
• Diğer siteler: HTML'e izin verilen her yere yapıştırabilirsiniz — statik siteler, haber CMS'leri, tanıtım sayfaları.

Canlı Örnek

Gömülü bir kadro tam olarak böyle görünür — bu yazıya 3. adımdaki kodun aynısıyla yerleştirilmiş, çalışan gerçek bir örnek:

İpucu: Widget Dilini Sitenize Uydurun

Embed adresine locale parametresi ekleyerek widget dilini kontrol edebilirsiniz — Türkçe için ?locale=tr:

https://quicklineup.com/embed/KADRO-ID?locale=tr

Gömülü Kadro Nerelerde Kullanılır?

• Maç önü yazıları: Muhtemel 11'inizi analizinizin yanına gömün.
• Maç sonu değerlendirmeleri: Sahaya çıkan kadroyu gösterip neyin işe yaradığını tartışın.
• Taraftar tartışmaları: Hayalinizdeki kadroyu okuyucularınıza gösterin, kendi 11'leriyle cevap versinler.
• Taktik yazıları: Formasyon rehberinizi statik bir şema yerine canlı bir örnekle destekleyin.
• Halı saha ligleri: 7 kişilik maç kadronuzu lig forumunda yayınlayın.

Sık Sorulan Sorular

Gömme özelliği ücretsiz mi? Evet — kadro kurmak, paylaşmak ve gömmek tamamen ücretsizdir.

Ziyaretçilerin üyeliğe ihtiyacı var mı? Hayır. Gömülü kadroyu herkes üye olmadan görüntüleyebilir.

Gömdükten sonra kadroyu değiştirebilir miyim? Embed, kadroyu kaydedildiği haliyle gösterir. Değiştirmek isterseniz yeni bir versiyon kurup kaydedin ve iframe'deki ID'yi güncelleyin.

Sitemi yavaşlatır mı? Widget kendi iframe'i içinde, sayfanızdan izole şekilde yüklenir ve hafif olacak şekilde tasarlanmıştır.

Denemeye hazır mısınız? Hemen kadronu kur — ilk oyuncudan embed koduna bir dakikadan kısa sürer.