Membuat Iklan Adsense di Sidebar Blog AMP HTML

Membuat Iklan Adsense di Sidebar Blog AMP HTML - Seperti yang sudah diketahui bersama, bahwa AMP memiliki beberapa aturan yang mau tidak mau wajib kita ikuti jika tidak ingin template yang kita gunakan valid AMP. Dan salah satu keharusan yang perlu kita ketahui adalah kita tidak boleh sembarangan dalam membuat atau menulis artikel/konten dan juga AMP juga tidak memperbolehkan kita untuk memasang dan menggunakan kode Javascript selain script dari amp-project.

Menyimpan Kode iklan adsense di sidebar blog AMP HTML juga akan menyebabkan error atau tidak Valid AMP jika cara pemasangan kode iklan di sidebar blog amp ini dilakukan melalui penambahan widget di tampilan dashboard blogger.

Dan untuk pengguna template blogger dengan AMP hanya d URL mobile saja, maka untuk dapat memasang atau menyimpan iklan adsense di sidebar blog akan terasa agak ribet dan harus menggunakan 2 format kode iklan adsense sekaligus.

2 format iklan adsense ini tidak muncul bersamaan saat blog di akses via dekstop maupun seluler. Melainkan 1 format akan hanya tampil saat blog diakses melalui pc/dekstop dan format lainnya akan hanya tampil ketika blog di akses melalui seluler/mobile.

Untuk menyimpan atau membuat Iklan Adsense di Sidebar Blog AMP HTML silahkan copy kode berikut ini dan simpan di antara widget di sidebar melalui EDIT HTML.

          <b:widget id='HTML123' locked='false' title='' type='HTML' version='1'>

            <b:widget-settings>

              <b:widget-setting name='content'><![CDATA[<!--iklan-->]]></b:widget-setting>

            </b:widget-settings>

            <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>

<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-format='rectangle' data-ad-slot='xxxxxxxxx' style='display:block'/>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

  </b:if>

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxx' data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>

  <div overflow=''/>

</amp-ad>

  </b:if>

  </div>

</b:includable>

          </b:widget>

Kode di atas menampilkan iklan pada tampilan desktop dan iklan AMP pada tampilan seluler/mobile. Jangan lupa sesuaikan data-ad-client dan data-ad-slot sesuai kode iklan Anda. Iklan pada kode di atas menggunakan unit iklan text and image responsive.

Selamat mencoba - Semoga bermanfaat

Go to Link