Skip to main content
KOMPI AJAIB

follow us

Mau memiliki tema blog seperti tema blog Kompi Ajaib ini? Silahkan baca postingan ini ➜ Template Kompi Ajaib AMP V3
Tambahkan aplikasi Kompi Ajaib di smartphone tanpa install, klik ikon 3 titikdi browser Chrome kemudian pilih "Tambahkan ke layar utama". Selanjutnya klik aplikasi Kompi Ajaib dari layar utama smartphone Anda.

×

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