Reklam birimleri

Duyarlı Eşleştirilen içerik birimini özelleştirme

Duyarlı Eşleştirilen içerik birimlerinizle ilgili özel gereksinimleriniz varsa, reklam kodunuza parametreler ekleyerek bu birimlerin görünümünü özelleştirebilirsiniz. Bu parametreler, Eşleştirilen içerik birimlerinin düzenini değiştirmenize ve içindeki önerilerin 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 Eşleştirilen içerik biriminiz mobil ve masaüstünde aynı düzene sahip olur. Ancak düzen parametresine iki değer verirseniz Eşleştirilen içerik 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ı Eşleştirilen içerik birimleri için kullanılabileceğini ve özelleştirmelerin çalışması için tüm parametrelerin gerekli olduğunu unutmayın. Reklam kodunuzu değiştirdikten sonra, Eşleştirilen içerik birimlerinizi, doğru şekilde çalıştıklarından emin olmak için farklı cihazlarda ve ekranlarda test etmelisiniz.

Bu makalede anlatılan örneklerin AdSense reklam koduna yönelik kabul edilebilir değişiklikler olduğundan emin olabilirsiniz. Eşleştirilen içerik kodunuzu buradaki gibi onaylanan şekillerde değiştirdiğinizde AdSense program politikalarını ihlal etmiş olmazsınız.

Eşleştirilen içerik biriminin düzenini değiştirme

Düzen parametresi (data-matched-content-ui-type), Eşleştirilen içerik 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:

Resim ve metin yan yana

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side layout

Resim ve metin, kart içinde yan yana

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side with card layout

Resim metnin üzerinde

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text layout

Resim kart içinde metnin üzerinde

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text with card layout

Yalnızca metin

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

text-only layout

Kart içinde metin

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Text with card layout

Eşleştirilen içerik birimindeki satır ve sütun sayısını belirtme

Eşleştirilen içerik birimindeki öneriler bir ızgaranın içine yerleştirilir. Söz konusu ızgaranın içinde kaç satır ve sütun göstermek istediğinizi belirtebilirsiniz. Örneğin, Eşleştirilen içerik biriminizi 2x2 boyutlu kare, 4x1 boyutlu sütun vb. olacak şekilde ayarlayabilirsiniz.

Satır sayısını data-matched-content-rows-num parametresiyle ve sütun sayısını data-matched-content-columns-num parametresiyle belirleyebilirsiniz. Bu her iki parametreyi ve data-matched-content-ui-type parametresini birlikte belirlemeniz gerekir.

Not:
  • Belirleyebileceğiniz satır ve sütunların sayısıyla ilgili bazı kısıtlamalar vardır. Eşleştirilen içerik biriminizdeki toplam öneri sayısı 1 ile 30 arasında olmalıdır. 1'den az veya 30'dan fazla öneri göstermeye çalışırsanız Eşleştirilen içerik 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 Eşleştirilen içerik biriminiz tüm sütunların sığacağı kadar büyük değilse bu durumla karşılaşabilirsiniz. Böyle bir durumda, önerilerin mevcut alana sığması ve iyi bir kullanıcı deneyimi sunmak için satır ve/veya sütun sayısını ayarlarız.

Sıra ve sütun örnekleri

4x1 (mobil ve masaüstü)

Bu örnek kodda, toplam dört öneri içeren, dört satır ve tek sütuna sahip bir Eşleştirilen içerik birimini nasıl oluşturacağınız gösterilmektedir.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 (mobil ve masaüstü)

Bu örnek kodda, toplam dört öneri içeren, iki satır ve iki sütuna sahip bir Eşleştirilen içerik birimini nasıl oluşturacağınız gösterilmektedir.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

2x2 grid

3x3 (mobil ve masaüstü)

Bu örnek kodda, toplam dokuz öneri içeren, üç satır ve üç sütuna sahip bir Eşleştirilen içerik birimini nasıl oluşturacağınız gösterilmektedir.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

3x3 grid

Duyarlı siteler için 4x1 (mobil) ve 2x2 (masaüstü)

Bu örnek kodda, mobil cihazlarda 4x1 ve masaüstü bilgisayarlarda 2x2 boyutlu ızgara içeren bir Eşleştirilen içerik birimini nasıl oluşturacağınız gösterilmektedir. Duyarlı bir siteniz varsa bu ayarı kullanabilirsiniz.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 grid

Görüşlerinizi paylaşın

Eşleştirilen içerik birimlerini özelleştirme konusundaki düşüncelerinizi öğrenmek istiyoruz. Bu geri bildirim formunu kullanarak, işinize yarayan özellikleri ve nelerin iyileştirilebileceğini bize bildirebilirsiniz.

Sorun giderme

Eşleştirilen içerik biriminiz, özelleştirildikten sonra, tam olarak beklediğiniz gibi görünmeyebilir. Eşleştirilen içerik birimleriyle ilgili bazı sık karşılaşılan sorunlar ve çözümleri:

Eşleştirilen içerik biriminiz boş

Bu sorunun iki nedeni vardır:

  • Eşleştirilen içerik biriminizdeki toplam öneri sayısı 1'den az veya 30'dan fazladır. Toplam öneri sayısının belirlenen sınırlar dahilinde kalması için Eşleştirilen içerik birimindeki satır ve/veya sütun sayısını değiştirmelisiniz.
  • Eşleştirilen içerik biriminiz, belirlediğiniz öneri sayısı için çok geniştir. Bu durumda, Eşleştirilen içerik biriminin genişliğini azaltmaya çalışmalısınız.

Eşleştirilen içerik biriminiz beklediğinizden daha az öneriye sahip

Bu sorun, tam olarak belirttiğiniz sayıda öneriyi göstermek için yeterli alan olmadığında meydana gelebilir. Örneğin, büyük bir öneri sayısı belirlediyseniz ve Eşleştirilen içerik biriminiz çok darsa ya da küçük bir ekranda görüntüleniyorsa bu durumla karşılaşabilirsiniz. Böyle bir durumda, satır ve/veya sütun sayısını mevcut alana en uygun şekilde ayarlarız. Eşleştirilen içerik biriminizin genişliğini değiştirebilir veya mobil ve masaüstü için farklı satır ve sütun sayıları belirleyebilirsiniz.

Önerileriniz yalnızca metin içeriyor

Eşleştirilen içerik biriminiz, belirlemiş olduğunuz öneri sayısı için çok darsa bu sorunla karşılaşabilirsiniz. Bu durumda, Eşleştirilen içerik biriminizin genişliğini artırmayı denemelisiniz.

Eşleştirilen içerik birimlerindeki hataları bulmak için konsolu kullanma

Eşleştirilen içerik reklam kodunuzu doğru bir şekilde değiştirdiğinizden emin olmak için tarayıcınızdaki 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 DevTools Konsolu'nda test etmek için aşağıdaki adımları uygulayabilirsiniz:

  1. Eşleştirilen içerik birimlerinizi içeren sayfaya gidin.
  2. Ctrl+Shift+J (Windows / Linux) veya Cmd+Opt+J (Mac) tuşlarına basın.
  3. Hata mesajları için Konsol panelini kontrol edin.

 

Bu size yardımcı oldu mu?
Bunu nasıl iyileştirebiliriz?