Menempatkan Iklan Di Tengah Postingan Wordpress Amp Html

Salah satu kelebihan Wordpress dengan AMP HTML yaitu sanggup menempatkan iklan di tengah postingan tanpa menyebabkan error pada AMP.

Tentunya hal ini sanggup memaksimalkan penghasilan iklan pada Wordpress dengan menempatkan atau menambah slot iklan di tengah postingan pada versi AMP.

Perlu diketahui bahwa blog Wordpress sanggup dengan gampang menciptakan postingan AMP HTML dengan memakai plugin. Salah satu plugin yang sanggup dipakai ialah plugin AMP buatan Automattic yang memungkinkan untuk kita kustomisasi pada beberapa bab tampilannya.

Hal ini (menempatkan iklan di tengah postingan Wordpress AMP) sanggup memakai script php untuk menampilkan iklan di tengah postingan pada Wordpress HTML5.

Salah satu script php untuk menempatkan iklan di tengah postingan Wordpress ibarat di bawah ini. Simpan script ini di functions.php.

 //Insert ads after second paragraph of single post content.
 add_filter( 'the_content', 'prefix_insert_post_ads' );
 function prefix_insert_post_ads( $content ) {
   $ad_code = '<div class="insertads">
 <!-- Iklan Adsense Di Sini  -->
 <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
      data-ad-format="auto"></ins>
 <script>
 (adsbygoogle = window.adsbygoogle || []).push({});
 </script>
 </div>';
   if ( is_single() && ! is_admin() ) {
             return prefix_insert_after_paragraph( $ad_code, 2, $content );
   }
   return $content;
 }
 // Parent Function that makes the magic happen
 function prefix_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 );
 }

Silahkan tambahkan instruksi iklan AMP amp-ad pada instruksi di atas, sehingga tampilannya menjadi ibarat di bawah ini.

 //Insert ads after second paragraph of single post content.
 add_filter( 'the_content', 'prefix_insert_post_ads' );
 function prefix_insert_post_ads( $content ) {
   $ad_code = '<div class="insertads">
 <!-- Iklan Adsense Di Sini  -->
 <amp-ad data-ad-client="ca-pub-xxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" height="300" layout="responsive" type="adsense" width="808">
  </amp-ad>
 <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
      data-ad-format="auto"></ins>
 <script>
 (adsbygoogle = window.adsbygoogle || []).push({});
 </script>
 </div>';
   if ( is_single() && ! is_admin() ) {
             return prefix_insert_after_paragraph( $ad_code, 2, $content );
   }
   return $content;
 }
 // Parent Function that makes the magic happen
 function prefix_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 );
 }

Kemudian, silahkan edit plugin AMP kemudian masuk ke amp/templates/single.php dan silahkan copy instruksi di bawah ini.

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

Kemudian silahkan simpan di bawah kode

 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

Bagaimana, gampang bukan? Selamat mencoba....


Sumber https://www.kompiajaib.com/

Share this post