AMP Sayfalarına Google Reklam Eklemek

Google AMP hayatımıza girdiğinden beri internet sitelerinin arama sonuçlarını etkileyen bazı geliştirmeler gerçekleşti. WordPress için AMP eklentisini Automattic bizim için sundu. Şu an benim sitemde de bu eklenti aktif. Böylelikle çok fazla hız kaybı yaşamadan mobil kullanıcılara daha temiz okunan bir sayfa sunuyorum. Ancak şöyle bir durum var. AMP eklentisinde reklamlar için ya da başka eklemeler için gerekli bir alan bulunmuyor.

AMP için reklam eklemek

Neyse ki bunun için de bir çözüm bulunmakta. Google Adsense üzerinden edindiğiniz reklam kodunu aşağıda size aktaracağım fonksiyon içindeki alana yerleştirin. Daha sonrasında ise paragraf ayarını yaparak temanızın dizininde bulunan functions.php dosyasına ekleyin. AMP içeriği güncellendikten sonra reklamlar görüntülenmeye başlayacaktır.

Reklam Kodunu Tanımak

Genel anlamda Google Adsense reklam kodu şu şekilde görünür.

<ins class="adsbygoogle"
style="display:block" 
data-ad-client="ca-pub-XXXXXXXXXXXXXXX" 
data-ad-slot="XXXXXXXXXX" 
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Yukarıdaki kod aslına eşzamansız olan ve otomatik boyuta sahip olan yeni Google Adsense reklam kodudur. Burada bize lazım olan kısım data-ad-client ve data-ad-slot alanındaki kodlardır. Bu kodları aşağıdaki fonksiyona ekleyeceğiz.

AMP için fonksiyon

Aşağıdaki fonksiyon içerisinde aşağıdaki alanları değiştirmelisiniz;

$yayinci_id : Reklam Yayıncı Kodunuzu
$reklam_birimi : Rekam Birimi Kodu

Bunun yanında da $yeni_icerik içinde bulunan fonksiyondaki sayıyı -ki paragraf sayısıdır- değiştirerek hangi paragraftan sonra ekleneceğini seçebilirsiniz.

/**
 * Google Reklam Kodunu Yazının üstüne ekle
 */add_action('pre_amp_render_post', 'amp_reklam_ekleme_filtre_fonksiyon');

function amp_reklam_ekleme_filtre_fonksiyon() {
 add_filter('the_content', 'amp_reklam_ekleme_icerik_icine');
}

function amp_reklam_ekleme_icerik_icine($content) {

 $yayinci_id = 'ca-pub-XXXXXXXXXXXXXXXX'; //Yayıncı Kodunuz
 $reklam_birimi = 'XXXXXXXXXX'; //Reklam Birimi Kodu
 $reklam_bitis = ' type="adsense" data-ad-client="' . $yayinci_id . '" data-ad-slot="' . $reklam_bitis . '"></amp-ad>';
 $reklam_kodumuz = '<amp-ad layout="fixed-height" height="100"' . $reklam_bitis;
 $reklam_acilis = '<amp-ad layout="responsive" width="300" height="250"' . $reklam_bitis;
 $yeni_icerik = paragraf_sonraki_amp_ekleme($reklam_acilis, 2, $content); //paragraf numarasını değiştirin.(Ortadaki sayı)

 return $reklam_acilis . $yeni_icerik;

}
function paragraf_sonraki_amp_ekleme($icerik, $paragraf_id, $content) {
 $kapanis_p = '</p>';
 $paragraflar = explode($kapanis_p, $content);
 foreach ($paragraflar as $index => $paragraf) {
  if (trim($paragraf)) {
   $paragraflar[$index] .= $kapanis_p;
  }
  if ($paragraf_id == $index + 1) {
   $paragraflar[$index] .= $icerik;
  }
 }
 return implode('', $paragraflar);
}

Yukarıdaki kodda 2. paragraftan sonra reklam görünmesini ve yazıdan önce reklam görüntülenmesini ayarladık. Işıklandırdığım alanları değiştirmeniz yeterli olacaktır. Unutmayın bu kodun ve amp sayfalarının çalışması için AMP WordPress eklentisinin kurulmuş olması gerekmektedir. Eklenti kurulu değilse aşağıdaki eklenti kodundan indirip yükleyebilirsiniz.