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 kopyala-yapıştır 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 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 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. 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: Editörde bir Özel HTML bloğu ekleyin ve kodun tamamını 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. Forumunuz <p> etiketini siliyorsa kaynak satırını kadronun altına normal metin olarak ekleyin.
• 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:

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ı: 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.

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.

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