Hanya Penulis Yang Menulis Tentang apa Yang Ingin Di Tulis

Cara Pasang Iklan Adsense di Sidebar Blog Valid AMP HTML

Cara Memasang Iklan Adsense di Sidebar Blog Valid AMP HTML - Pada kesempatan kali ini saya akan membagikan ulasan bagaimana cara menyimpan iklan Adsense pada sidebar blog yang sudah valid AMP HTML dengan mudah.

Seperti yang kita ketahui sendiri, blog yang sudah menggunakan AMP HTML tidak boleh sembarangan dalam memasang kode pada template. Karena di AMP tidak di izinkan menggunakan kode Javascript selain java script dari amp-project sendiri. Jika menambahkan javascript selain dari amp-project maka bisa dipastikan akan menyebabkan error pada AMP HTML, dan blog menjadi tidak support AMP. Namun sebenarnya bukan hanya itu saja yang akan menyebabkan error, ada beberapa kode lain yang tidak di izinkan agar blog tetap valid AMP HTML.

Jika Anda menggunakan template Blogger dengan AMP tampilan mobile saja, dan anda kesulitan untuk memasang iklan Adsense karena harus menggunakan 2 format kode Adsense, pada kesempatan kali ini saya akan membagikan ulasan tentang cara memasang iklan Adsense di sidebar blog AMP HTML dengan mudah dan simple. bagi anda yang mungkin memang mencari cara nya langsung saja simak pada artikel dibawah ini.

Cara Menyimpan Iklan Adsense di Sidebar Blog Valid AMP

  • Pertama, silahkan anda copy kode dibawah dan silahkan anda simpan di antara widget di sidebar melalui EDIT HTML Template.
    
    <b:widget id='HTML90' 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>
    
  • Kedua, silahkan anda ganti kode data-ad-client dan data-ad-slot sesuai kode iklan Adsense anda. Kode iklan di atas menggunakan unit iklan text dan image responsive.
  • Terakhir, Klik Simpan Template.
  • Selesai.

    Dengan kode diatas maka akan menampilkan iklan pada tampilan Desktop dan iklan pada tampilan Mobile.
  • You Might Also Like: