Skip to main content

Memasang Iklan Adsense di Sidebar Blog AMP

Memasang Iklan Adsense di Sidebar Blog AMP

Memasang Iklan Adsense di Sidebar Blog AMP - Seperti yang kita ketahui bahwa blog AMP tidak boleh sembarangan dalam membuat artikel maupun memasang kode dalam template. Karena di AMP tidak di izinkan menggunakan kode Javascript selain script dari amp-project.

Jika menambahkan javascript selain dari amp-project maka akan menyebabkan error, dan blog menjadi tidak valid AMP. Sebenarnya bukan hanya itu saja yang akan menyebabkan error, tapi ada beberapa kode lainya yang tidak di izinkan agar blog tetap valid AMP.

Nah, jika Anda menggunakan template Blogger dengan AMP hanya di URL mobile, kemudian merasa sulit untuk memasang atau menyimpan iklan Adsense karena harus menggunakan 2 format kode iklan Adsense, disini saya akan coba membuat artikel tentang cara memasang iklan Adsense di sidebar blog AMP
Baca juga Cara Memasang Iklan Auto Ads Di Blog AMP

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

Semoga bermanfaat.
Buka Komentar
Tutup Komentar