WordPress AMP Makale İçi Adsense Yerleşimi

3
2885

Bu aralar amp sayfalar ile kafayı kırmış durumdayım. Yeni yeni görüp keşfettiğim bu amp projesi (Accelerated Mobile Pages) hızlandırılmış mobil sayfalar projesi adı altında telefondan girildiğinde sitelerin hızlıca açılmasından başka bir şey değil. Yaklaşık 10 kata kadar daha hızlı falan yani 🙂 Bende kendi sitelerimde kullanmaya başladığım bu proje için amp makale içi adsense yerleşiminden bahsetmek istiyorum.

AMP ile ilgili araştırmalarım devam ediyor. Edindiğim bilgi ve tecrübeleri fırsatım olursa yakında bir yazı altında yazmayı planlıyorum. Bu yazımda amp kullanan sayfalar için, makale içi adsense reklam yerleşiminin nasıl yapıldığından bahsedeceğim.

Öncelikle function.php dosyasına aşağıdaki kodu mutlaka eklemek gerekir. Bu kodu eklemediğiniz takdirde aşağıdaki reklam yerleşim kodları çalışmayacaktır.

/**
 * AMP sayfalar için Google Adsense Ekleme
 */
function isa_load_amp_adsense_script( $data ) {
    $data['amp_component_scripts']['amp-ad'] = 'https://cdn.ampproject.org/v0/amp-ad-0.1.js';
    return $data;
}
add_filter( 'amp_post_template_data', 'isa_load_amp_adsense_script' );

 

Makalenin Başına Adsense Eklemek

Eğer adsense reklamını sayfanın başına eklemek istiyorsanız function.php dosyasına yukarıdaki koddan sonra aşağıdaki kodu ekleyip gerekli pub ve slot numaralarını değiştirmeniz yeterli olacaktır.

/**
 * AMP sayfa başına Google Adsense Ekleme
 */
add_action( 'pre_amp_render_post', 'isa_amp_add_content_filter' );
 
function isa_amp_add_content_filter() {
    add_filter( 'the_content', 'isa_amp_adsense_above_content' );
}
 
function isa_amp_adsense_above_content( $content ) {
 
    $publisher_id = 'ca-pub-1234567891234567';
 
    $ad_slot = '1234567890';
 
    // Add Adsense ad above AMP content
    $ad_code = '<amp-ad layout="fixed-height" height="100" type="adsense" data-ad-client="' . $publisher_id . '" data-ad-slot="' . $ad_slot . '"></amp-ad>';
 
    return $ad_code . $content;
}

 

Makalenin Ortasına Adsense Eklemek

Eğer reklamlarınızı makalenin tam ortasına mesela 2.paragraftan sonra, 4.paragraftan sonra gibi eklemek istiyorsanız, temanızın function.php dosyasının herhangi bir yerine aşağıdaki kodu ekleyip kayıt ediyoruz. 12. ve 14.satırdaki alanları kendi pub numaranızı ve reklam slot numaranız ile değiştirmeyi unutmayın.

/**
 * AMP makale içi Google Adsense Ekleme
 */
add_action( 'pre_amp_render_post', 'isa_amp_add_content_filter' );
 
function isa_amp_add_content_filter() {
    add_filter( 'the_content', 'isa_amp_adsense_above_within_content' );
}
 
function isa_amp_adsense_above_within_content( $content ) {
 
    $publisher_id = 'ca-pub-1234567891234567';
 
    $ad_slot = '1234567890';
 
    $ad_code_end = ' type="adsense" data-ad-client="' . $publisher_id . '" data-ad-slot="' . $ad_slot . '"></amp-ad>';
 
    // Above the fold ad code. This is fixed height as per Google guidelines for Adsense for AMP.
    $atf_ad_code = '<amp-ad layout="fixed-height" height="100"' . $ad_code_end;
 
    // Below the fold ad code. This is responsive as per Google guidelines for Adsense for AMP.
    $btf_ad_code = '<amp-ad layout="responsive" width="300" height="250"' . $ad_code_end;
 
    // Insert Adsense ad between the content, after paragraph 2
    $new_content = isa_insert_after_paragraph( $btf_ad_code, 2, $content );
 
    // Insert Adsense ad above AMP content
    return $atf_ad_code . $new_content;
 
}
function isa_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
    $closing_p = '</p>';
    $paragraphs = explode( $closing_p, $content );
    foreach ($paragraphs as $index => $paragraph) {
        if ( trim( $paragraph ) ) {
            $paragraphs[$index] .= $closing_p;
        }
        if ( $paragraph_id == $index + 1 ) {
            $paragraphs[$index] .= $insertion;
        }
    }
    return implode( '', $paragraphs );
}

 

 

Referans edindiğim site: https://isabelcastillo.com/google-adsense-wordpress-amp

3 YORUMLAR

  1. 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, iyi çalışmalar dilerim.

CEVAP VER

Please enter your comment!
Please enter your name here