AMP siteye Adsense kodunu eklemek

yazı resmi

Öncelikle AMP siteye Adsense kodunu eklemek için geldiyseniz doğru yerdesiniz çünkü burada amp içinde adsense kodu eklemeyi göstereceğiz.

AMP siteye Adsense kodunu eklemek

Amp sitenize kod eklerken öncelikle script dosyasını eklemek gerekiyor. Ama adsense politikasına göre otomatik reklamlar artık ön planda bu yüzden amp otomatik reklam eklemeyi gösterelim.

AMP otomatik reklam ekleme

Reklamların oluşması için öncelikle script dosyasını eklemelisiniz bu script dosyasını head içine ekleyin.

<script async custom-element=”amp-auto-ads
src=”https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js“></script>

bu kodları head etiketleri arasına yerleştirdiyseniz reklam için bulunan kodu eklemeniz gerekmektedir.

<amp-auto-ads type=”adsense
data-ad-client=”ca-pub-xxxxxxxxxx“>
</amp-auto-ads>

Bu kodu body etiketi içine koyabilirsiniz ve ca-pub-xxxxx olan kısımda  adsenseden aldığınız reklam kodunu yazmanız gerekiyor ve işlem tamam.

AMP Manuel reklam ekleme

AMP sitenizde reklamlarınızı manuel olarak eklemek istiyorsanız öncelikle bu etikete özel scripti head etiketi arasına eklemeniz gerekmektedir.

<script async custom-element=”amp-adsrc=”https://cdn.ampproject.org/v0/amp-ad-0.1.js“></script>

Bu script dosyasını head etiketi arasına eklediyseniz vereceğim kodu da düzenleyerek sitenizde istediğiniz yere ekleyebilirsiniz.

<amp-ad
height=100
type=”adsense
data-ad-client=”ca-pub-xxxxxx
data-ad-slot=”xxxxx“>
</amp-ad>

Amp Manuel reklamın ayarları

Manuel reklamlarınızda type reklam biriminizin adını belirtir. biz adsenseden reklam olacağımız için adsense seçili.

data-ad-client ve data-ad-slot adsenseden aldığınız kodun pinlerini belirler. oradaki pin kodlarını bunların içindekilerle değiştirmeniz gerekmektedir.

Boyutlandırma olarak height 100 olarak seçtim yüksekliğinin az olmasını istedim. width=500 gibi eklemelerde yapabilirdim. boyutlarını kendinize göre ayarlayın.

AMP Manuel reklamın konumlandırılması

AMP manuel reklam konumlandırmasındaysa  amp-ad kodunuzu sayfanın en üstünde konumlandırmak istiyorsanız

<header id=”mvp-post-head”>

Bu kodu bularak bu kodun altına yapıştırmanız gerekmektedir.

amp-ad kodunuzu Sayfanın En altında konumlandırmak isterseniz

<footer id=”mvp-foot-wrap”>

hemen altına koymanız yeterlidir.

AMP reklamlarınızı yazı içinde yayınlamak

AMP Reklamlarınızı yazı içinde veya ortalarında yayınlamak istiyorsanız  bu vereceğimiz kodu function.php dosyasına eklemeniz gerekmektedir.


add_action( 'pre_amp_render_post', 'isa_amp_add_content_filter_within' );

function isa_amp_add_content_filter_within() {
add_filter( 'the_content', 'isa_amp_adsense_within_content' );}

function isa_amp_adsense_within_content( $content ) {
$publisher_id = 'ca-pub-xxxxxxxxxx';
$ad_slot = 'xxxxxxxxx';

// Below the fold ad code. This is responsive as per Google guidelines for Adsense for AMP.
$btf_ad_code = '&amp;lt;amp-ad layout="fixed-height" height="250" type="adsense" data-ad-client="' . $publisher_id . '" data-ad-slot="' . $ad_slot . '"&amp;gt;&amp;lt;/amp-ad&amp;gt;';

// Insert Adsense ad between the content, after paragraph 2
$new_content = isa_insert_after_paragraph( $btf_ad_code, 6, $content );
return $new_content;}

function isa_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '&amp;lt;/p&amp;gt;';
$paragraphs = explode( $closing_p, $content );

foreach ($paragraphs as $index =&amp;gt; $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;}

if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;}}
return implode( '', $paragraphs );}

Bu kodu ekleyedikten sonra publisher_id ve ad_slot bölümünü adsensedeki kodlardaki yerlere ekleme yapınız.

 

Eğer amp ile sorun yaşıyorsanız bu sayfaya bakabilirsiniz:

“amp-ad extension .js script” hatası ÇÖZÜMÜ!!

 

Yazar Hakkında

Biraz Web tasarımı ekleyelim, azıcıkta yazılım eklersek iş tamamdır. Oldu mu sana bir uzmanlık alanı. Olmamış. O zaman SEO da eklersek olur. Aha olmuş o zaman iş tamamdır.

Webhostuzmani

Sosyal Medya