Cara Menampikan Iklan Infeed, Inarticle dan Matched Content Adsense di Blog Valid AMP

Dengan cara menggunakan perintah tag kondisional untuk memisahkan iklan versi AMP dan non - AMP Contoh hasil penerapanya anda bisa melihat iklan pada
Redesain Foto Nurul Huda - Dok. tirailangit.com/blog/pasang-adsense-amp/

Halo, akhirnya dapat menulis kembali, maaf sebelumnya, beberapa hari kemarin saya belum sempat untuk menulis artikel karena masih disibukan oleh proses migrasi blog saya ke AMP. Apa itu AMP? AMP itu singkatan dari Accelerated Mobile Pages kalau diterjemahkan kedalam bahasa Indonesia kira - kira artinya: halaman seluler yang dipercepat.

Program Accelerated Mobile Pages, (AMP) sebenarnya sudah diperkenalkan sejak tahun 2015 yang lalu, program ini bersifat open-source tujuan dari program Accelerated Mobile Pages, (AMP) adalah untuk memberikan pengalaman kepada pengguna mobile internet agar mereka dapat mengakses situs blog / web secara cepat dan lebih baik.

Agar situs blog kita valid oleh Accelerated Mobile Pages, (AMP) tentunya anda harus mendesain ulang situs blog anda agar lebih ringan dan lebih cepat dengan cara menggurangi penggunaan javascript dan css yang berlebihan dan penggunaannya pun memakai library JavaScript, kenapa demikian? Karena selain untuk mempercepat loading situs blog anda juga agar mesin google bisa meng-cache dan meng-host konten - konten dnda langsung dari google, tampa perlu mem-fetch konten anda kembali dari sumber. Terlalu panjang ya penjelasan Accelerated Mobile Pages, (AMP) nya? Oke to the poin saja kalau begitu:

Berawal dari kronologis diatas, setelah saya memutuskan untuk menggunakan template versi AMP saya mengalami beberapa kendala salah satunya adalah dalam pemasangan iklan adsense. Ada yang belum mengetahui apa itu adsense? Waduh panjang lagi nanti ceritanya: baik nanti akan saya buatkan artikelnya secara terpisah ya. Pada intinya Adsense adalah jenis layanan periklanan yang dimiliki oleh Google. Inc

Kendala yang saya alami adalah ketika saya mau memasang jenis iklan adsense infeed inarticle, matched content dan iklan yang ditempatkan pada widget sticky karena memang opsi kode amp - nya masih belum disediakan oleh google yang mereka sediakan hanya untuk versi non - AMP. Saya coba melakukan eksperimen beberapa kali menempatkan kode iklan infeed dan inarticle namun tetap tidak berhasil. Wadaw..
Ketika saya paksakan menggunakan scrip resikonya situs saya tidak valid AMP tidak memasang iklan resiko - nya dapur rumah tidak ngebul delema bukan?. Dan akhirnya saya putuskan untuk mencari cara solusinya dan akhirnya ditemukan juga caranya dari mas Ariya WB yang akan saya share disini:

Kebetulah situs blog saya tidak full 100 persen AMP masih dibilang semi AMP jadi saya menggunakan 2 versi iklan adsense iklan akan menggukan jenis AMP ketika di akses melalui mobile dan non - AMP ketika di akses melalui dekstop cara ini sebagai alternatif untuk menampilkan jenis iklan infeed, inarticle, matched content dan pada halaman sticky. Dengan cara menggunakan perintah tag kondisional untuk memisahkan iklan versi AMP dan non - AMP Contoh hasil penerapanya anda bisa melihat iklan pada blog saya dan untuk cara mari kita praktikan bersama - sama:

Pertama: silahkan anda masuk menu edit html tema blog anda.

Kedua: silahkan anda hapus kode amp-ad berikut ini:

<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>

Ketiga: silahkan anda cari kode berikut ini:

</head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

Keempat: silahkan anda copy dan tempel kode dibawah ini tepat diatasnya.

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
<script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>
</b:if>

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<script>
//<![CDATA[
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-0123456789",
          enable_page_level_ads: true
     });
//]]>
</script>
</b:if>

Kelima: silahkan kode ca-pub-0123456789 dengan kode Adsense anda kemudian, simpan.

Sampai disini anda telah berhasil memasang kode JavaScript - nya, langkah selanjutnya anda tinggal mengganti slot iklan amp anda dengan format berikut ini:

<b:if cond='data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>
<!-- Iklan non-AMP -->

Kode iklan adsense versi non-AMP/Desktop disini

</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<!-- iklan AMP -->

Kode iklan adsense versi AMP/Mobile disini

</b:if>

Nah begitulah cara sederhana untuk menampilkan iklan infeed, inarticle, matched content Adsense di Blog Valid AMP. Semoga bermanfaat. Silahkan anda share artikel ini jika menurut anda bermanfaat. Terima kasih