Ana SayfaWordpressAMP Sayfalarda Yazı İçine Adsense Ekleme

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.

google amp

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++; 
} ?>
arıcılık malzemeleri
oğuzhan mallı
Oğuzhan Mallı
Merhabalar, ben Oğuzhan Mallı Mühendis Beyinler sitesinin kurucusuyum. 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. Vakit ayırıp bıraktığınız her bir yorum için teşekkür ederim.

29 Yorum

guest
29 Yorum
Inline Feedbacks
View all comments
alaatin kılçadır

Çağımızda bu tür yararlı içerik keşfetmek oldukça zor.

kuntay yiğit karga

Bu devirde böyle işe yarar içerik bulmak iyice zorlaştı.

sema

Merhaba hocam, nasılsınız? Müsaadenizle 2 soru sormak istiyorum: 1-Sizce hangi AMP eklentisi daha sade ve işlevsel? Sizin kullandığınız Google ve WP’nin kendi eklentisini mi tavsiye ediyorsunuz? 2- Şu yönergede geçen etiketi WP Teması’nın hangi bölümünde bulunuyor? Ben header.php içinde bulamadım. footer.php içinde var ama kastedilen o mu acaba? Kısaca bu kodu nereye yapıştırmam lazım: amp-auto-ads komut dosyasını kopyalayıp sayfanızın bölümüne yapıştırın. Bu komut dosyası, gerekli amp-auto-ads kitaplıklarını yükler. amp-auto-ads bileşeni hakkında daha fazla bilgi AMP Otomatik reklam kodunu kopyalayıp açılış etiketinin hemen sonrasına yapıştırın. AMP için Otomatik reklamlar yaklaşık 10-20 dakika içinde sayfalarınızda gösterilmeye başlar. Cevabınız için şimdiden teşekkür ederim,… Read more »

swift

Merhaba, Swift temasında hangi klasöre ekleyeceğiz?

nurullah boz

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.

nurullah boz

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… Read more »

oğuzhan mallı

Merhabalar, evet açığı kapattılar. Skyptan ekleyiniz.

nurullah boz

Oğuzhan bey kişi ekleme isteği gönderdim geldi mi bu arada cevap verdiğiniz çok teşekkür ederim.

ekrem

Oğuzhan Bey dün eklenti kurulumunu sitemize uyguladı. İlgisi için teşekkürler.

mustafa

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.

ugur

Merhaba, bununla ilgili eklentinin tam adını yazabilir misiniz

taha yasin önal

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.

kurbi

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..

papatya

Amp sayfalara özel reklam için banner eklenebiliyor mu, bu konuda yardımınızı alabilir miyim?

halil b.

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

papatya

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. :(

oğuzhan mallı

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.

uğur

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?

oğuzhan mallı

Merhabalar, eski indexleriniz 404 sayfasına yönlendirecektir. Doğru bir 301 ile sorun yaşamazsınız.

onur

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 ?

mustafa

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ü ..

yılmaz bağıran

üstadım, worprees te reklamsız bir blog mümkün mü?

yucel

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ö

oğuzhan mallı

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.

papatya

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?

oğuzhan mallı

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.

papatya

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.

yucel

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

oğuzhan mallı

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.

yazar ol
arıcılık malzemeleri

Yeni Yazılar

Mühendislik Maaşları

Bunları Gördünüz mü?