Sağ ve sol çoklu banner sistemi, WordPress sitelerinde içerik alanını bozmadan yan boşlukları reklam, tanıtım veya yönlendirme alanı olarak kullanmak isteyenler için hazırlanmış pratik bir yapıdır. Sistem, sitenin sol ve sağ tarafında ayrı ayrı üçer banner alanı sunar. Böylece toplamda altı farklı yan reklam alanı oluşturulabilir.
Bu sistemin en önemli avantajı, bannerların sayfa içeriğinin içine girmemesidir. Reklamlar yazının üstüne binmez, içerik akışını bozmaz ve okuyucunun ana metni takip etmesini engellemez. Bunun yerine sağ ve sol boşluklarda konumlanarak daha düzenli, kurumsal ve reklam yönetimi açısından kontrol edilebilir bir yapı sağlar.
Sağ ve Sol Çoklu Banner Sistemi Nedir?
Sağ ve sol çoklu banner sistemi, web sitesinin sağ ve sol boşluk alanlarına reklam veya tanıtım görselleri yerleştirmek için kullanılan bir reklam yönetim yapısıdır. Her iki tarafta 1. banner, 2. banner ve 3. banner olmak üzere üç farklı alan bulunur. Bu alanlar panel üzerinden ayrı ayrı aktif edilebilir, kapatılabilir, görseli değiştirilebilir ve link verilebilir.
Sistemde 1. banner genellikle sayfanın üst kısmına, 2. banner orta bölüme, 3. banner ise alt kısma yakın konumlandırılır. Böylece kullanıcı sayfada aşağı indikçe reklam alanları daha dengeli dağılır. Bu yapı özellikle haber, rehber, oyun tanıtımı, Metin2 server tanıtımı veya sponsorlu reklam alanları için kullanılabilir.
Bannerlar içerik alanına dahil olmadığı için SEO metninin, yazı düzeninin veya okuyucu deneyiminin bozulması engellenir. Yan alanlar daha çok ekran genişliği yüksek masaüstü kullanıcılarına gösterilir. Mobil veya dar ekranlarda bannerları gizlemek için panelde ekran genişliği sınırı belirlenebilir.
Kullanım Amacı
Yan banner sistemi, site içeriğini kapatmadan sponsor reklam, Metin2 server tanıtımı, kampanya duyurusu veya özel yönlendirme alanı göstermek için idealdir.
Önerilen Genel Ayarlar
Sağlıklı bir başlangıç düzeni için sağ ve sol çoklu banner sistemi panelinde bazı temel değerlerle başlamak önerilir. Bu değerler çoğu masaüstü site düzeninde yan bannerların içerik alanına girmeden dengeli görünmesini sağlar.
Konum tipi olarak “sayfada dursun, ekranla kaymasın” tercih edilebilir. Bu ayar, bannerların sayfanın belirlenen üst konumunda durmasını sağlar. Banner genişliği için 250 px iyi bir başlangıç değeridir. Sol ve sağ kenar mesafesi 0 px kullanılabilir. Z-index değeri 20 olarak ayarlanabilir.
Köşe yuvarlaklığı 0 px, gölge kapalı, footer üstüne binmeyi engelle açık ve footer güvenli mesafe 120 px olarak ayarlanabilir. Eğer bannerlar footer alanına fazla yaklaşıyorsa güvenli mesafe 180 px yapılabilir. Daha geç gizlenmesi isteniyorsa 80 px tercih edilebilir.
Banner Konumları Nasıl Ayarlanmalı?
Her tarafta üç banner kullanıldığında konumların birbirini kapatmaması gerekir. Genel başlangıç düzeninde 1. banner üst kısma, 2. banner orta kısma, 3. banner alt kısma yakın yerleştirilir. Bu düzen, uzun yazılarda yan reklam alanlarını dengeli dağıtır.
1. banner için yukarıdan konum 170 px ve yükseklik 520 px kullanılabilir. Menü ve kategori şeridinin altına yakın görünmesi için bu değer uygundur. Daha yukarı alınmak istenirse 140 px, daha aşağı indirilmek istenirse 200 px denenebilir.
2. banner için yukarıdan konum 760 px ve yükseklik 520 px önerilir. Bu banner sayfanın orta bölümünde görünür. Daha yukarı almak için 700 px, daha aşağı almak için 850 px kullanılabilir. 3. banner için başlangıç değeri 1350 px ve yükseklik 520 px olabilir. Sayfa uzunsa 1600 px, sayfa kısaysa 1200 px daha iyi sonuç verebilir.
1. Banner
Yukarıdan 170 px, yükseklik 520 px. Üst alan reklamları için uygundur.
2. Banner
Yukarıdan 760 px, yükseklik 520 px. Orta bölüm reklamları için dengelidir.
3. Banner
Yukarıdan 1350 px, yükseklik 520 px. Alt bölüme yakın reklamlar için kullanılır.
Sol Banner Örnek Ayarları
Sol tarafta üç banner kullanmak için her banner alanını ayrı ayrı açmanız gerekir. Her banner için yukarıdan konum, yükseklik, görsel ve link alanı panelden düzenlenebilir. Sağ ve sol çoklu banner sistemi bu noktada esneklik sağlar; bir alan kapalıyken diğerleri aktif kalabilir.
Sol Taraf 3 Banner Başlangıç Düzeni
- Sol 1. Banner: Açık, yukarıdan konum 170 px, yükseklik 520 px.
- Sol 2. Banner: Açık, yukarıdan konum 760 px, yükseklik 520 px.
- Sol 3. Banner: Açık, yukarıdan konum 1350 px, yükseklik 520 px.
- Her banner için ayrı görsel seçin ve reklam linkini girin.
Bu düzen, özellikle haber ve rehber sayfalarında sol boşlukta düzenli reklam görünümü sağlar. Eğer sitenizin sol tarafında başka sabit alanlar varsa, sol kenar mesafesi ve banner genişliği değerlerini ayrıca kontrol etmek gerekir.
Sağ Banner Örnek Ayarları
Sağ banner tarafı da sol tarafla aynı mantıkta çalışır. Sağ 1, sağ 2 ve sağ 3 banner alanları ayrı ayrı açılır. Her biri için konum, yükseklik, görsel ve link atanır. Sağ kenar mesafesi 0 px ile başlanabilir.
Sağ Taraf 3 Banner Başlangıç Düzeni
- Sağ 1. Banner: Açık, yukarıdan konum 170 px, yükseklik 520 px.
- Sağ 2. Banner: Açık, yukarıdan konum 760 px, yükseklik 520 px.
- Sağ 3. Banner: Açık, yukarıdan konum 1350 px, yükseklik 520 px.
- Her banner için reklam görseli ve yönlendirme linki ayrı girilebilir.
Sağ ve sol alanlar aynı anda kullanılacaksa, sayfa genişliğinin yeterli olduğundan emin olun. Bu nedenle 1500 px altındaki ekranlarda bannerların gizlenmesi önerilir. Böylece tablet ve küçük laptop ekranlarında içerik alanı sıkışmaz.
Banner Görsel Ölçüsü Nasıl Olmalı?
Dikey banner kullanımı için 250 x 600 px, 300 x 900 px ve 300 x 1200 px gibi ölçüler önerilir. Eğer banner alanı uzun tutulacaksa 300 x 1200 px daha iyi sonuç verebilir. Daha kısa reklam alanları için 250 x 600 px yeterli olabilir.
Görsel oturma seçeneği de reklamın görünümünü doğrudan etkiler. “Alanı doldur, gerekirse kırp” seçeneği profesyonel reklam görünümü için en uygunudur. Görsel alanı tamamen doldurur, ancak kenarlardan kırpma yapabilir. “Tamamını göster, boşluk kalabilir” seçeneği görseli kırpmaz ama oran uyuşmazsa boşluk bırakabilir. “Esnet ve tam sığdır” seçeneği ise oran bozabileceği için genelde önerilmez.
| Ölçü | Kullanım |
|---|---|
| 250 x 600 px | Daha kısa dikey reklamlar için uygundur. |
| 300 x 900 px | Orta uzunlukta yan reklamlar için dengelidir. |
| 300 x 1200 px | Uzun banner alanları için daha uygun olabilir. |
HTML Reklam Kodu Kullanımı
Görsel seçmek yerine özel reklam kodu kullanmak isterseniz, ilgili bannerın HTML alanına kod ekleyebilirsiniz. HTML alanı doluysa sistem görsel alanı yerine HTML reklam kodunu gösterir. Bu özellik, sponsor kodları, özel kampanya blokları veya özel tasarımlı reklam alanları için oldukça kullanışlıdır.
Aşağıdaki örnek, standart bir reklam görselini linkle birlikte göstermek için kullanılabilir:
<a href="https://siteadresin.com/reklam" target="_blank" rel="nofollow sponsored noopener"> <img src="https://siteadresin.com/reklam-gorseli.jpg" alt="Reklam" style="width:100%;height:100%;object-fit:cover;"> </a>MMOoyun üzerinde server ekleme sayfasına yönlendiren görsel banner için şu örnek kullanılabilir:
<a href="https://mmooyun.com/server-ekle/" target="_blank" rel="nofollow sponsored noopener"> <img src="https://mmooyun.com/wp-content/uploads/banner.jpg" alt="Metin2 Server Tanıtımı" style="width:100%;height:100%;object-fit:cover;display:block;" > </a>CSS ile Özel Banner Tasarımı
Görsel yerine tamamen özel HTML ve CSS tasarımı kullanmak isterseniz, ilgili banner HTML alanına aşağıdaki gibi bir yapı ekleyebilirsiniz. Bu örnek, Metin2 PvP server tanıtımı için dikkat çekici bir dikey reklam alanı oluşturur.
<a class="mmo-custom-side-ad" href="https://mmooyun.com/server-ekle/" target="_blank"> <div class="mmo-custom-side-ad-inner"> <span>METİN2 PVP</span> <strong>Serverini Tanıt</strong> <em>Hemen Başvur</em> </div> </a> <style> .mmo-custom-side-ad { display: flex; width: 100%; height: 100%; text-decoration: none; background: linear-gradient(180deg, #0f172a 0%, #111827 55%, #e68900 100%); color: #ffffff; align-items: center; justify-content: center; text-align: center; overflow: hidden; } .mmo-custom-side-ad-inner { padding: 18px; } .mmo-custom-side-ad span { display: block; color: #fbbf24; font-size: 13px; font-weight: 900; letter-spacing: 1px; margin-bottom: 10px; } .mmo-custom-side-ad strong { display: block; font-size: 28px; line-height: 1.1; font-weight: 950; margin-bottom: 16px; } .mmo-custom-side-ad em { display: inline-block; padding: 10px 14px; background: #ffffff; color: #111827; border-radius: 999px; font-style: normal; font-weight: 900; } </style>Özel Tasarım Avantajı
CSS ile hazırlanan bannerlar görsel yüklemeden de çalışabilir. Kampanya metni, renkler ve butonlar doğrudan HTML üzerinden değiştirilebilir.
Footer Üstüne Binmeyi Engelleme
Yan bannerların en dikkat edilmesi gereken noktalarından biri footer alanına binmemesidir. Sayfanın altında hizmetler, bilgi paneli veya footer varsa bannerlar bu alanların üstünde kalmamalı. Bu yüzden panelde Footer üstüne binmeyi engelle ayarı açık tutulmalıdır.
Footer güvenli mesafe için 120 px iyi bir başlangıçtır. Bannerlar footer alanına çok yaklaşıyorsa 180 px yapılabilir. Daha geç gizlenmesi isteniyorsa 80 px denenebilir. Bu ayar, özellikle uzun dikey bannerlarda sayfa sonu görünümünü korumak için önemlidir.
Tam Örnek Yerleşim Kontrol Listesi
- Konum tipi: Sayfada dursun, ekranla kaymasın.
- Banner genişliği: 250 px.
- Sol ve sağ kenar mesafesi: 0 px.
- Görsel oturma: Alanı doldur, gerekirse kırp.
- 1500 px altındaki ekranlarda gizle.
- Footer üstüne binmeyi engelle: Açık.
- Footer güvenli mesafe: 120 px.
- 1. Banner: 170 px / 520 px.
- 2. Banner: 760 px / 520 px.
- 3. Banner: 1350 px / 520 px.
WordPress reklam alanları, site tasarımı ve Metin2 server tanıtımı hakkında daha fazla içerik için MMOoyun teknoloji kategorisini takip edebilirsiniz. Oyun ve server tanıtım içerikleri için oyun kategorisine de göz atabilirsiniz.
Genel Değerlendirme
Sağ ve sol çoklu banner sistemi, WordPress sitelerinde yan boşlukları profesyonel reklam alanlarına dönüştürmek için kullanışlı bir çözümdür. Her iki tarafta üçer banner alanı sunması, reklamları üst, orta ve alt bölgelere dengeli şekilde dağıtmayı sağlar.
Görsel banner, linkli reklam, özel HTML kodu ve CSS ile tasarlanmış özel alan desteği sayesinde sistem oldukça esnek kullanılabilir. Doğru genişlik, konum, footer güvenlik mesafesi ve ekran gizleme ayarlarıyla içerik alanını bozmadan kurumsal bir reklam düzeni oluşturmak mümkündür.
Daha Fazla Oyun Icerigi
Rehber, haber, onizleme ve oyun dunyasina dair daha fazla icerige mmooyun.com sitemizden ulasabilirsiniz. Ek icerikler ve oyun odakli guncel paylasimlar icin dev.mmooyun.com adresini de ziyaret edebilirsiniz.
Paylaş :
