Multiplex reklam birimlerinizle ilgili özel ihtiyaçlarınız varsa reklam kodunuza parametreler ekleyerek bu birimlerin görünümünü özelleştirebilirsiniz. Bu parametreler, Multiplex reklam birimlerinizin düzeni gibi özellikleri değiştirmenize, birimlerin içindeki reklam satır ve sütunlarının nasıl düzenleneceğini belirtmenize olanak tanır.
Ayrıca, mobil ve masaüstü için farklı ayarlar belirlemek üzere parametreleri kullanabilirsiniz. Örneğin, düzen parametresine tek bir değer verirseniz Multiplex reklam biriminiz mobil ve masaüstünde aynı düzene sahip olur. Ancak düzen parametresine iki değer verirseniz Multiplex reklam biriminiz mobilde bir düzene (ilk değer) ve masaüstünde başka bir düzene (ikinci değer) sahip olur.
Bu seçeneklerin yalnızca duyarlı Multiplex reklam birimleriyle kullanılabileceğini ve özelleştirmelerin çalışması için tüm parametrelerin gerekli olduğunu unutmayın. Reklam kodunuzu değiştirdikten sonra Multiplex reklam birimlerinizi, doğru şekilde çalıştıklarından emin olmak için farklı cihaz ve ekranlarda test edin.
Multiplex reklam biriminizin düzenini değiştirme
Düzen parametresi (data-matched-content-ui-type
), Multiplex reklam birimlerinizdeki metin ve resimlerin yerleşimini kontrol etmenizi sağlar. Örneğin, resim ve metnin yan yana olmasını, resmin metnin üzerinde olmasını vb. tercih edebilirsiniz.
Aşağıdaki düzen seçenekleri kullanılabilir:
Bu düzende resim ve metin yan yana görünür. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="image_sidebyside"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu düzende resim ve metin bir kartın içinde yan yana görünür. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="image_card_sidebyside"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu düzende resim ve metin üst üste görünecek şekilde yerleştirilir. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="image_stacked"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu düzende resim ve metin bir kart içinde üst üste görünecek şekilde yerleştirilir. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="image_card_stacked"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Resimsiz, yalnızca metin içeren düzen. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="text"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kart içinde, yalnızca metin içeren düzen. Bu düzeni seçmek için reklam kodunuza data-matched-content-ui-type="text_card"
parametresini ekleyin.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Multiplex reklam biriminizdeki satır ve sütun sayısını belirtme
Multiplex reklam biriminin içindeki reklamlar, bir ızgara yardımıyla düzenlenir. Söz konusu ızgaranın içinde kaç satır ve sütun göstermek istediğinizi belirtebilirsiniz. Örneğin, Multiplex reklam biriminizi 2x2 öğe içeren kare, 4x1 öğe içeren sütun vb. olarak ayarlayabilirsiniz.
Satır sayısını data-matched-content-rows-num
parametresiyle, sütun sayısını ise data-matched-content-columns-num
parametresiyle belirleyebilirsiniz. Bu iki parametreyi ve data-matched-content-ui-type
parametresini birlikte belirlemeniz gerekir.
- Belirleyebileceğiniz satır ve sütun sayılarıyla ilgili bazı kısıtlamalar vardır. Multiplex reklam biriminizdeki toplam reklam sayısı 1 ila 30 olmalıdır. 1'den az veya 30'dan fazla reklam göstermeye çalışırsanız Multiplex reklam biriminiz boş görünür.
- Bazen, tam olarak belirttiğiniz sayıda satır ve/veya sütun gösteremeyebiliriz. Örneğin, büyük bir sütun sayısı belirlediyseniz ve Multiplex reklam biriminiz tüm sütunların sığacağı kadar büyük değilse bu durumla karşılaşabilirsiniz. Böyle bir durumda, reklamları mevcut alana düzgün bir şekilde sığdırmak ve iyi bir kullanıcı deneyimi sunmak için satır ve/veya sütun sayısını ayarlarız.
Satır ve sütun örnekleri
Bu örnek kodda, tek sütun ve dört satırda toplam dört reklam sunan bir Multiplex reklam biriminin nasıl oluşturulacağı gösterilmektedir.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu örnek kodda, iki satır ve iki sütunda toplam dört reklam sunan bir Multiplex reklam biriminin nasıl oluşturulacağı gösterilmektedir.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu örnek kodda, üç satır ve üç sütunda toplam dokuz reklam sunan bir Multiplex reklam biriminin nasıl oluşturulacağı gösterilmektedir.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu örnek kodda, ızgarası mobil cihazlarda 4x1 ve masaüstü bilgisayarlarda 2x2 öğe sunacak şekilde değişen bir Multiplex reklam biriminin nasıl oluşturulacağı gösterilmektedir. Duyarlı bir siteniz varsa bu ayarı kullanabilirsiniz.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Sorun giderme
Multiplex reklam biriminiz özelleştirildikten sonra, tam olarak beklediğiniz gibi görünmeyebilir. Multiplex reklam birimleriyle ilgili yaygın bazı sorunlar ve bunları nasıl gidereceğiniz aşağıda açıklanmıştır:
Bu sorunun iki nedeni olabilir:
- Multiplex reklam biriminizdeki toplam reklam sayısı 1'den az veya 30'dan fazladır. Toplam reklam sayısının sınırı aşmaması için Multiplex reklam biriminizdeki satır ve/veya sütun sayısını değiştirmeniz gerekir.
- Multiplex reklam biriminiz, ayarladığınız reklam sayısı için fazla geniştir. Bu durumda, Multiplex reklam biriminizin genişliğini azaltmanız gerekir.
Multiplex reklam birimlerinizdeki hataları bulmak için konsolu kullanma
Multiplex reklam kodunuzu doğru bir şekilde değiştirdiğinizden emin olmak için tarayıcınız üzerinden konsolu kullanabilirsiniz. Örneğin, reklam kodunuzda gerekli bir parametrenin eksik olup olmadığını ya da bir parametrenin geçersiz bir değer içerip içermediğini konsoldan öğrenebilirsiniz.
Chrome kullanıyorsanız reklam kodunuzu Geliştirici Araçları Konsolu'nda test etmek için aşağıdaki adımları uygulayabilirsiniz:
- Multiplex reklam birimlerinizin bulunduğu sayfayı ziyaret edin.
- Ctrl+Shift+J (Windows/Linux) veya Cmd+Opt+J (Mac) tuşlarına basın.
- Hata mesajı olup olmadığını görmek için Konsol panelini kontrol edin.