Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

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.