Skip to main content
KOMPI AJAIB

follow us

Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

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.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar