Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

Ditulis oleh: Adhy Suryadi

Ditulis pada: 11/22/2018

Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML - Template AMP untuk Blogger memang cukup ribet dan perlu pemahaman HTML yang cukup untuk menggunakannya. Itu karena template HTML Blogger tidak bisa digunakan sembarangan seperti template Blogger biasa agar AMP tidak menjadi error.

Namun menurut saya ada sisi baiknya dalam menggunakan template AMP pada Blogger, yaitu kita belajar membuat halaman web/postingan dengan benar yaitu di antaranya tidak menggunakan CSS inline yang dapat menghambat loading blog.

Dan jika Anda menggunakan template Blogger dengan AMP hanya di URL mobile, kesulitan lainnya adalah dalam menyimpan iklan Adsense karena harus menggunakan 2 format kode iklan Adsense.

Dan postingan kali ini saya buat untuk menjawab pertanyaan pengguna Template dengan AMP hanya di URL mobile, khususnya Template AMP dari Kompi Ajaib yaitu cara menyimpan iklan Adsense di sidebar blog AMP.

Untuk menyimpan iklan Adsense di sidebar blog AMP, 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 reguler pada tampilan desktop dan iklan AMP pada tampilan mobile. Anda tinggal sesuaikan data-ad-client dan data-ad-slot sesuai kode iklan Anda. Iklan pada kode di atas menggunakan unit iklan text and image responsive.

Jika ada yang kurang mengerti silahkan tanyakan di kolom komentar.