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. QuickLineup ile kurduğunuz kadroyu tek bir kopyala-yapıştır koduyla herhangi bir web sitesine canlı olarak gömebilirsiniz, üstelik ücretsiz.

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

Gömülü kadro canlı render edilir. Her ekran boyutunda keskin kalır, forma numaraları pikselleşmez ve ziyaretçileriniz kadroyu takım renkleri, oyuncu isimleri ve numaralarıyla tam kurduğunuz haliyle görür.

Bir de şu var: maç önü yazısının içindeki muhtemel 11, isimleri alt alta yazmaktan çok daha okunur. Widget arayüzü 19 dili destekliyor, yani Türkçe bir blog Türkçe widget alıyor.

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 kendi oyuncu isimleriniz ve forma renklerinizle sıfırdan bir kadro oluşturabilirsiniz.

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ğı; 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 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>
<p style="font-size:13px;margin-top:6px;">QuickLineup üzerindeki <a href="https://quicklineup.com/tr/fenerbahce-kadro-kur">Fenerbahçe kadro kur</a> sayfasıyla hazırlandı</p>

Kopyala butonuna tıkladığınızda kod panonuzda.

İhtiyacınız olan tüm "kodlama" bu kadar.

Kod iki parçadan oluşuyor. <iframe> kadro widget'ının kendisi ve baştan responsive: width:100% makale sütununu doldurur, aspect-ratio mobilde oranı korur, max-height masaüstünde 600 pikselde durdurur, yani sayfanızın CSS'ine dokunmadan hem telefonda hem geniş ekranda düzgün oturuyor. Altındaki küçük satır ise kadronuzun kurulduğu builder sayfasına giden kaynak linki. QuickLineup'ı ücretsiz tutan atıf bu, o yüzden iki parçayı birlikte yapıştırın ve linki yerinde bırakın. 13 piksellik tek bir satır; isterseniz sitenizin tasarımına uyacak şekilde biçimlendirebilirsiniz.

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

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

WordPress'te editöre bir Özel HTML bloğu ekleyip kodun tamamını içine yapıştırın. Blogger'da yazı editörünü HTML görünümüne alıp kodu kadronun görünmesini istediğiniz yere koyun.

Forumlarda durum yazılıma göre değişiyor. HTML desteği ya da iframe BBCode'u olan forumlar kodu doğrudan kabul ediyor; forumunuz <p> etiketini siliyorsa kaynak satırını kadronun altına normal metin olarak ekleyin.

Geri kalan her yerde, HTML'e izin verilen herhangi bir alana 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. Aşağıdaki, bu yazıya 3. adımdaki kodun aynısıyla yerleştirilmiş çalışan gerçek bir örnek:

QuickLineup üzerindeki Fransa kadro kur sayfasıyla hazırlandı

İ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ında muhtemel 11'inizi analizinizin yanına gömebilirsiniz, maç sonu değerlendirmelerinde ise sahaya çıkan kadroyu gösterip neyin işe yaradığını tartışabilirsiniz.

Taraftar tartışmalarında kendi kurduğunuz 11'i yayınlamak okuyucudan cevap getiriyor. Taktik yazılarında formasyon rehberinizi statik bir şema yerine canlı bir örnekle desteklemek de aynı işi görüyor.

Halı saha liglerinde 7 kişilik maç kadronuzu doğrudan lig forumunda yayınlayabilirsiniz.

Sık Sorulan Sorular

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

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.

Kaynak satırını kaldırabilir miyim? Lütfen bırakın. QuickLineup üyeliksiz ve ücretsiz; widget'ın altındaki kaynak linki karşılığında istediğimiz tek şey. Tasarımınıza uyacak şekilde biçimlendirmekte serbestsiniz.

Kaynak linki neden bir takım sayfasına gidiyor? Link, kadronuza karşılık gelen builder sayfasına gider: Fenerbahçe kadrosu Fenerbahçe sayfasını, kendi kurduğunuz takım ana sayfayı gösterir. Böylece okuyucunuz doğrudan işine yarayan sayfaya düşer.

Hemen kadronu kur. İlk oyuncudan embed koduna bir dakikadan kısa sürüyor.