AMP Sayfalarda Yazı İçine Adsense Ekleme

Düzenleme 4.06.17 : Çok uğraştırdığından eklentisini satın aldık. Multi lisans satın aldık. Reklam eklentisi kurulumunu isteyen veya sorun yaşayan arkadaşlar skype “muhendisbeyinler” ekleyerek destek alabilirler.

WordPress tabanlı sitenizde AMP kurmanız yeterli mi? Tebrikler, ancak WP için AMP, yalnızca içeriğinizin üstünde ve altında Adsense reklamları ayarlamanızı sağlar. Ancak içeriğe Google Adsense reklamları eklemek istiyorsanız, örneğin 2 ya da 3 üncü paragraf arasında olduğu gibi onlardan bir uzantı satın almanız gerekir, bu da size yaklaşık 70 TL’ye mal olur. Daha iyi para kazanma için reklamlarınızı içeriğe yerleştirmeniz çok önemlidir. Ama neden sadece birkaç satırlık kod için 20 dolar harcıyorsun?

Kodu ve öğreticiyi sizlerle paylaşacağım. Umarım daha çok kazanmanıza ve bir miktar tasarruf etmenizde size çok yardımcı olacaktır. Ayrıca herhangi bir eklentiye ihtiyacınız olmayacak ve tabii ki tamamen ücretsizdir. Hadi, başlayalım.

Reklamları AMP’deki content içine yerleştirme

Öncelikle cPanel’inize giriş yapın ve dosya yöneticisine (file manager) gidin. Sonra bu dizini açın: /wp-content/plugins/accelerated-mobile-pages/templates/design-manager/design-1/elements/content.php

Veya ftp serverinize bağlanarakta bu işlemi yapabilirsiniz. Yukarıda vermiş olduğum dizine girerek content.php’yi pc ye indirip notepad ile düzenleyebilirsiniz. FTP kullanamayanlar için cpanel lisansınız varsa o da pratik olabilir.

Adım adım yapabilirsiniz:

1. cPanel
2. File Manger
3. wp-content
4. plugins
5. accelerated-mobile-pages
6. templates
7. design-manager
8. design-1 veya design-2 (kullandığınız birini seçin)
9. elements
10. content.php’ı açın.

Bu dosyayı Kod düzenleyicisinde (code editor) açtıktan sonra bu kodu göreceksiniz:

<?php
 $amp_custom_content_enable = get_post_meta( $this->get( 'post_id' ) , 'ampforwp_custom_content_editor_checkbox', true);

 // Normal Front Page Content
 if ( ! $amp_custom_content_enable ) {
 echo $this->get( 'post_amp_content' ); // amphtml content; no kses
 } else {
 // Custom/Alternative AMP content added through post meta
 echo $this->get( 'ampforwp_amp_content' );
 }
 
 // echo $this->get( 'post_amp_content' ); // amphtml content; no kses
 ?>

Şimdi bu kodu aşağıdaki kodla değiştirin:

<?php
$content = $this->get( 'post_amp_content' );
$contents = explode("</p>", $content);
$p_number = 1;
foreach($contents as $content){
echo $content;
/* 2. paragraftan sonra reklam ekle */
if($p_number == '2'){
echo' <amp-ad class="amp-ad-1" type="adsense" width=300 height=100 data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXX"></amp-ad>'; } /* Ad after 5th paragraph */ if($p_number == '5'){ echo '</p><p>'; echo'<amp-ad class="amp-ad-5" type="adsense" width=300 height=250 data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXXX"></amp-ad>'; } 
echo '</p>'; $p_number++; 
} ?>

Umarım kodu zaten anlayabilmişsinizdir ? Bu arada, aşağıya küçük bir giriş yazıyorum.

Kod öncelikle orijinal içeriği yakalar ve bunu her paragrafı bir dizi haline getiren </p> ile patlatır. Son olarak, dizi numarası, verdiğiniz paragraf numarasına ($ p_number == ‘2’) eşleştiğinde, size Adsense Reklam kodu olan bir çıktı verir.

AMP’de paragrafın arkasına reklamların nasıl ekleneceğini gösteren bir liste var:

3. paragraftan sonra reklam ekleyin: ($ p_number == ‘3’)
4. paragraftan sonra reklam ekleyin: ($ p_number == ‘4’)
8. paragraftan sonra reklam ekleyin: ($ p_number == ‘8’)

Ayrıca, WordPress AMP içerik sayfanıza birden fazla reklam eklemek isterseniz şu kodu tekrarlayın:

if($p_number == '5'){ // kendi istediğiniz paragraf sayısı

echo '</p><p>';

echo'<amp-ad class="amp-ad-5" type="adsense" width=300 height=250 data-ad-client="ca-pub-383858XXXXXXXXXX" data-ad-slot="8521XXXXXX"></amp-ad>';

}

Ve son olarak, reklam kodunu Google Adsense Pub-ID ve Ad-slot ID’si ile değiştirmeyi unutmayın. Bu yazıyı faydalı bulursanız yorum yapmayı unutmayın ve kodla ilgili herhangi bir sorunuz varsa bana bildirmekten çekinmeyin.

Ek olarak reklamları ortalamakta fayda var. Aşağıdaki kodlama ile reklamlarınızı ortalayabilirsiniz. Tek yaptığımız echo dan sonra <center></center> kodu içine aldık reklam kodumuzu.

<?php
$content = $this->get( 'post_amp_content' );
$contents = explode("</p>", $content);
$p_number = 1;
foreach($contents as $content){
echo $content;
 
/* 2. paragraftan sonra ekle */
if($p_number == '2'){
echo' <center><amp-ad class="amp-ad-1" type="adsense" width=300 height=100 data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXX"></amp-ad></center>'; } 
 
echo '</p>'; $p_number++; 
} ?>