WordPress AMP Makale İçi Adsense Yerleşimi

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