Setelah Membuat Halaman AMP Pada Blogger Hanya Di URL amp=1 pada artikel sebelumnya, langkah selanjutnya adalah mengoptimalkan iklan Adsense di Halaman Parameter amp=1. Kita juga akan membuat iklan Adsense secara terpisah menjadi iklan tampilan desktop dan iklan tampilan AMP khusus di halaman amp=1.
Untuk kode iklan tampilan desktop maka yang harus digunakan adalah kode iklan Adsense biasa ( kode iklan dari google adsense tanpa di parse ) dan kode untuk iklan tampilan AMP menggunakan amp-ad.
Langkah pertama adalah memisahkan javascript amp-ad, silahkan cari kode javascript seperti berikut ini.
Hapus kode tersebut kemudian ganti dengan kode dibawah ini, dan simpan di atas kode </head> atau </head><!--<head/>-->
Silahkan sesuaikan kode google_ad_client sesuai akun Adsense Anda.
Selanjutnya rubah semua slot iklan menjadi seperti dibawah ini.
Jangan lupa sesuaikan juga kode data-ad-client dan data-ad-slot nya sesuai dengan kode iklan Anda.
Klik simpan Tema. Selesai...
Selamat mencoba.
Untuk kode iklan tampilan desktop maka yang harus digunakan adalah kode iklan Adsense biasa ( kode iklan dari google adsense tanpa di parse ) dan kode untuk iklan tampilan AMP menggunakan amp-ad.
Langkah pertama adalah memisahkan javascript amp-ad, silahkan cari kode javascript seperti berikut ini.
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
Hapus kode tersebut kemudian ganti dengan kode dibawah ini, dan simpan di atas kode </head> atau </head><!--<head/>-->
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<script>
//<![CDATA[
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-
enable_page_level_ads: true
});
//]]>
</script>
</b:if>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<script>
//<![CDATA[
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-
1111111111
",enable_page_level_ads: true
});
//]]>
</script>
</b:if>
Silahkan sesuaikan kode google_ad_client sesuai akun Adsense Anda.
Selanjutnya rubah semua slot iklan menjadi seperti dibawah ini.
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!-- kode adsense tampilan desktop -->
<ins class='adsbygoogle' data-ad-client='ca-pub-
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
<!-- kode adsense tampilan AMP -->
<amp-ad data-ad-client='ca-pub-
</amp-ad>
</b:if>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!-- kode adsense tampilan desktop -->
<ins class='adsbygoogle' data-ad-client='ca-pub-
1111111111
' data-ad-format='rectangle' data-ad-slot='
1111111111
' style='display:block'/><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
<!-- kode adsense tampilan AMP -->
<amp-ad data-ad-client='ca-pub-
1111111111
' data-ad-slot='
1111111111
' height='320' layout='fixed-height' type='adsense'></amp-ad>
</b:if>
</b:if>
Jangan lupa sesuaikan juga kode data-ad-client dan data-ad-slot nya sesuai dengan kode iklan Anda.
Klik simpan Tema. Selesai...
Selamat mencoba.
Advertisement
Baca juga: