AMP Sayfalarda Yazı İçine Adsense Ekleme

2510
amp nedir

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. Veya +79105420515 whatsapp tan ulaşabilirler.

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++; 
} ?>
Yazımızı Beğendiniz mi?
Önceki İçerikMatematiksel Oyunlar ve Zeka
Sonraki İçerikEvariste Galois Kimdir
Oğuzhan Mallı

Merhaba Ben Oğuzhan Mallı Mühendis Beyinler sitesinin kurucusuyum, Bir süre Karadeniz Teknik Üniversitesinde Elektrik ve Elektronik mühendisliği okuduktan sonra, yurtdışında eğitimime devam etmekteyim. Advanced seviyesinde İngilizce ve Rusça bilmekteyim. Yazılarımda yaptıklarımla, düşüncelerimle ilgili pek çok şey bulabilirsiniz. Yorumlarınız, düşünce ve tavsiyeleriniz benim için çok önemli. Yalnızca “Merhaba, buralardaydım.” demek için dahi olsa vakit ayırıp bıraktığınız her bir yorum için çok teşekkür ederim. Bütün yorumlara cevap vermeye çalışıyorum.

25 Yorum

  1. AMP reklam eklentisinin kurulumunu yaptılar. Cidden en ince detayına kadar yaptılar. Ve çok uygun bir fiyata işini hakkıyla yapıyor. Helal olsun.

  2. Merhaba oğuzhan bey, Sitemin amp sayfasinin alt ve üstüne reklam ekleyebildim ama yazı ortasina ekleyemedim. Yazdığınız bütün yolları denedim ama ilk verdiğiniz koda
    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
    ?>

    Sondaki ?> kaldırılmış ve daha uzatılmış güncelenmiş ve bu acığı kodlar ile kapatmışlar sizden ricam bana aldığınız pro eklentiyi verebilirmisiniz Allah rızası için sizden haber bekliyorum. İyi çalışmalar.

  3. Amp sayfaları için yazı içine reklam ekleme eklentisini sorunsuz ve ucuz bir rakama yetkili arkadaşlar kurdu skype üzerinden. Yabancılara boşuna tonla para vermeye gerek yok :) Güvenebilirsiniz, arkadaşlar çok yardımcı oldular.

  4. Hocam skype kullanmıyorum ama rica etsem eklentinin multi lisansına sahipseniz bizede verebilirmisiniz? Yada destek oluruz demişsiniz nasıl destek olabilirsiniz. Şimdiden teşekkürler yardımlarınız için.

  5. Oğuzhan ağbey
    Verdiğin bilgilerden fazlasıyle yararlandım, teşekkür ederim. Reklam telefonda sağ tarafa patlıyordu, width=300 yerine (deneme yanılma ile) width=”auto” yaptım. Reklam yerine simetrik olarak çok güzel oturdu.

    Ağbey bir ricam var; senin ana sayfanda yazı başlıklarının karşısında ve benzer yazıların baş kısmında resim çıkıyor. Ben bu işi (wordpress sitemde) bir türlü çözemedim. bu konuda yardımcı olursanız sevinirim. Teşekkürler..

  6. Merhabalar efendim kodunuzu ekledim fakat ufak bir sorun oldu. 3. paragraf sonuna ekledim reklamı 5.-6. paragraftan sonra neredeyse 400-450 px boşluk oluşuyor. Sebebi nedir efendim

  7. Merhaba,
    Farklı firmaların reklamlarını AMP sayfalara nasıl ekleyebiliriz acaba? Bu konuda yardımınız olabilirse çok sevinirim.
    Yazı altına reklam eklemeye çalışıyorum ama verdikleri kodlar görünmüyor. :(

    • Merhabalar, ben çok uğraştım ama yapamadım. Sonunda yenik düşerek eklentinin sınırsız lisanslı sürümünü aldım. Skype: muhendisbeyinler ekleyiniz teknik ekibimiz destek olur.

  8. Merhaba Oğuz Bey,

    Öncelikle bilgilendirici konu için teşekkürler. Ben AMP sayfalarını artık kaldırmak istiyorum. Bana olumsuz etkisi olduğunu düşünüyorum. Eğer bu eklentiyi silersem ne gibi bir sorunlar karşılaşırım?

  9. Teşekkürler yardımınız çok dokundu ancak sormak istediğim bağlantı reklamları yayınlamak istiyorum bunun için ne yapmamız gerekiyor yardımcı olabilirmisiniz ?

  10. Sayfa düzenini bırakın, reklamlar çok geç açılıyor. Lazy loady gibi bir eklenti var bilirsiniz, haber sitelerinde görürüz, aşağıya indikçe haberin devamı açılır, sanki reklamlar o şekilde açılıyor. Sayfa düzeyi zaten gereksiz bence. tbm yi düşürüyor, ancak bu geç açılma işi çok kötü ..

  11. hocam ben ekledim
    Adım adım yapabilirsiniz:

    cPanel
    File Manger
    wp-content
    plugins
    accelerated-mobile-pages
    templates
    design-manager
    design-1 veya design-2 (kullandığınız birini seçin)
    header-bar.php en süt bölümüne ekledim. Sayfa düzeyi reklamlar çıktı fakat malesef sonradan webmaster tools kısmında javascript hatası verdi. Aynı şekilde header kısmına ekleyeme şansımız nasıl olabilir çok merak ediyoruö

    • Merhabalar, direk adsensenin verdiği şekilde elerseniz amp hiyerarşisini bozarsanız. Webmasterde 3 4 gün sonra tüm sayfalarda uyarı hatası vermeye başlar. Hemen kaldırın.

      page level ads for amp diye google da arama yaparsanız, google forumunda açılan bir konu göreceksiniz. Orada da uzman bir kişi şuanlık desteklemiyor diyor.

  12. Merhaba,
    Tarif ettiğiniz şekilde kodları siteme uyguladım. Çok teşekkür ediyorum.
    Fakat küçük bir sorunum var. Yazı üstüne ve altına reklamı nasıl gireceğim? Aslında Accelerated eklentisinde ON/OFF butonları çalışmıyor. Bu yüzden reklamları eklentiyle çıkaramıyorum.
    All in one SEO kullanıyorum. Bu sorunu nasıl çözebiliriz? Ayrıca yazına altına ve üstüne kodla reklamları nasıl girebilirim?

    • Accelerated Mobile Pages eklentisi kullanıyorsanız zaten size 4 farklı yer için reklam alanı sunuyor. Yazı başı ve sonu bunlara dahil. Eklenti şuan sorunsuz çalışıyor, bir yerleri atlıyor olabilirsiniz.

      Data AD Client, Data AD Slot bölümlerini giriyor musunuz?

      All in one SEO ile ilgili nasıl bir sorun var?

      Eğer hala doğru yoldan sorunu çözemezseniz manuel kod eklemeyi sonra bakalım. Daha önce denedim bakmam gerekiyor.

      • Accelerated eklentisi Yoast kullandığım bir sitemde sorunsuz çalışıyor, ama All in one seo kullandığım sitemde bütün on/off butonları pasif durumda. Yani hiç işlemiyor.
        Eklentiyi yapan kişilere ulaştım, bir şey söyleyemediler.
        Şu ana kadar bir sorun yaşamadım ama yine de biraz endişeleniyorum.
        Eklentideki reklam alanlarını kullanamadığım için yazı altına ve üstüne sunucudan yerleştirmem lazım.
        Ayrıca başka bir firmanın reklamı da aynı şekilde eklenebiliyor mu, henüz bilmiyorum.
        Bu konuda yazınızı güncellemenizi merakla bekleyeceğim.

  13. merhabalar yunus bey konunuzu çok beğendim öncelikle onu söylemek istiyorum. Ben sayfa düzeyinde reklamlar eklemek istiyorum amp sayfama onun için header bölümüne koymam lazım bunu nasıl yapacağım şimdiden teşekkür ederim

    • Sayfa düzeyi reklamlar sanırım eklenmiyor, ilerleyen günlerde onun için ayrı bir güncelleme yapılabilir adsense tarafından. Ben öyle biliyorum.

Düşünceleriniz Nedir?

Lütfen yorumunuzu buraya yazınız.
Lütfen isminizi buraya yazını.