Membuat Iklan Adsense Di Sidebar Blog Amp Html

Membuat Iklan Adsense di Sidebar Blog AMP HTML - Seperti yang sudah diketahui bersama, bahwa AMP mempunyai beberapa hukum yang mau tidak mau wajib kita ikuti jikalau tidak ingin template yang kita gunakan valid AMP. Dan salah satu keharusan yang perlu kita ketahui yakni kita dihentikan sembarangan dalam menciptakan atau menulis artikel/konten dan juga AMP juga tidak memperbolehkan kita untuk memasang dan memakai aba-aba Javascript selain script dari amp-project.

Menyimpan Kode iklan adsense di sidebar blog AMP HTML juga akan menimbulkan error atau tidak Valid AMP jikalau cara pemasangan aba-aba iklan di sidebar blog amp ini dilakukan melalui penambahan widget di tampilan dashboard blogger.

Dan untuk pengguna template blogger dengan AMP hanya d URL mobile saja, maka untuk sanggup memasang atau menyimpan iklan adsense di sidebar blog akan terasa agak ribet dan harus memakai 2 format aba-aba iklan adsense sekaligus.

2 format iklan adsense ini tidak muncul bersamaan ketika blog di jalan masuk via dekstop maupun seluler. Melainkan 1 format akan hanya tampil ketika blog diakses melalui pc/dekstop dan format lainnya akan hanya tampil ketika blog di jalan masuk melalui seluler/mobile.

Untuk menyimpan atau menciptakan Iklan Adsense di Sidebar Blog AMP HTML silahkan copy aba-aba 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 pada tampilan desktop dan iklan AMP pada tampilan seluler/mobile. Jangan lupa sesuaikan data-ad-client dan data-ad-slot sesuai aba-aba iklan Anda. Iklan pada aba-aba di atas memakai unit iklan text and image responsive.

Selamat mencoba - Semoga bermanfaat

Sumber https://www.pehawe.info/

Berbagi :