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 kalau tidak ingin template yang kita gunakan valid AMP. Dan salah satu keharusan yang perlu kita ketahui ialah kita dihentikan sembarangan dalam menciptakan atau menulis artikel/konten dan juga AMP juga tidak memperbolehkan kita untuk memasang dan memakai instruksi Javascript selain script dari amp-project.
Menyimpan Kode iklan adsense di sidebar blog AMP HTML juga akan menjadikan error atau tidak Valid AMP kalau cara pemasangan instruksi 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 instruksi 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 instruksi 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<b:if cond='data:blog.pageType not in {"static_page"} and data:blog.isMobileRequest == "false" 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 {"static_page"} and data:blog.isMobileRequest == "true" 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 instruksi iklan Anda. Iklan pada instruksi di atas memakai unit iklan text and image responsive.
Selamat mencoba - Semoga bermanfaat
0 Response to "Membuat Iklan Adsense Di Sidebar Blog Amp Html"
Post a Comment