Cara Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

Cara Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML
Cara Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

Cara Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML - Template AMP guna Blogger memang lumayan ribet dan butuh pemahaman HTML yang lumayan untuk menggunakannya. Itu sebab template HTML Blogger tidak dapat digunakan sembarangan laksana template Blogger biasa supaya AMP tidak menjadi error.




Namun menurut keterangan dari saya terdapat sisi baiknya dalam memakai template AMP pada Blogger, yakni kita belajar menciptakan halaman web/postingan dengan benar yakni di antaranya tidak memakai CSS inline yang bisa menghambat loading blog.

Dan andai Anda memakai template Blogger dengan AMP melulu di URL mobile, kendala lainnya ialah dalam menyimpan iklan Adsense sebab harus memakai 2 bentuk kode iklan Adsense.

Dan artikel kali ini saya bikin untuk membalas pertanyaan pemakai Template dengan AMP melulu di URL mobile, terutama Template AMP dari Kompi Ajaib yaitu teknik menyimpan iklan Adsense di sidebar blog AMP.

Untuk menyimpan iklan Adsense di sidebar blog AMP, silahkan copy kode sebagai berikut dan simpan salah satu widget di sidebar melewati 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 memperlihatkan iklan reguler pada tampilan desktop dan iklan AMP pada tampilan mobile. Anda bermukim sesuaikan data-ad-client dan data-ad-slot cocok kode iklan Anda. Iklan pada kode di atas memakai unit iklan text and image responsive.



Jika terdapat yang tidak cukup mengerti silahkan tanyakan di kolom komentar.

Artikel Terkait

Recent Comments