Cara Menampilkan Iklan Di Tengah Postingan Wordpress AMP HTML

Postingan kali ini ialah lanjutan dari pembahasan sebelumnya yaitu Cara Memasang Iklan Adsense di Tengah Postingan Blogger, dikarenakan banyak undangan bagaimana menempatkan iklan selain di Blogger tapi menggunakan Platform Wordpress kesudahannya aku coba cari solusinya dan ini beliau pembahasannya Cara Menampilkan Iklan Di Tengah Postingan Wordpress .

Seperti yang kita ketahui media blogging tidak hanya di Platform Google Blogger saja namun di Wordpress pun banyak juga, di Platform Wordpress ini bersama-sama banyak tools atau plugin yang dapat memudahkan kita untuk mengatur tampilan yang diharapkan salah satunya ialah plugin Iklan adsense yang tidak akan menjadikan error dan kelebihan lainnya menggunakan Plugin di Wordpress dapat Menyisipkan Iklan ditengah Postingan tinggal di atur saja penempatannya.

Terkait pembahasan kali ini kita akan menyisipkan atau Menampilkan Iklan di tengah postingan Wordpress yang nantinya akan meningkatkan penghasilan di Google Adsense, yaitu dengan menggunakan script php semoga ilkan dapat ditampilkan di tengah postingan Wordpress HTML5.

Bagi sahabat yang mau mencobanya Cara Menampilkan Iklan Di Tengah Postingan Wordpress mampu mengikuti langkah berikut ini.

Langkah Pertama

Silahkan salin arahan dibawah ini lalu simpan 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 ); }

Langkah Ke Dua
Agar arahan iklan ini dapat berjalan dengan baik di Wordpress silahkan komplemen arahan iklan amp-ad sehingga tampilannya menyerupai dibawah 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 ); }

Langkah Ke Tiga
Setelah arahan amp-ad ditambahkan lalu silahakan sahabat edit plugin lalu cari amp/templates/single.php setelah itu silahkan cari arahan menyerupai dibawah ini.

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

Setelah ketemu dengan arahan dimaksud silahkan salin arahan dibawah ini lalu letakkan sempurna dibawah arahan diatas tadi.

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

Perhatikan dengan baik langkah penerapan kodenya, kalau sudah selesai SAVE dan selamat mencoba.