Cara Memasang Iklan Adsense Di AMP HTML Template Blogger

Table of Contents

Mediababe.net – AMP Html merupakan fitur baru yang dikembangkan oleh Google. AMP ini dirancang agar suatu halaman website dapat diakses dengan cepat dan lancar melalui gadget atau perangkat mobile demi pengalaman pengguna yang baik. Nah pada artikel kali disini aku akan berbagi tentang bagaimana cara memasang iklan di halaman valid AMP HTML.

Di dalam mengembangkan AMP HTML dan mewujudkan visi AMP, pengembang AMP telah membuat rancangan suatu solusi bagi publisher di dalam iklim pengiklanan yang mencakup 4 faktor pada berikut ini.

• Faster is better – yang dimana pada faktor ini dijelaskan bahwa tidak ada alasan teknis mengapa pada halaman AMP HTML tidak berjalan dengan cepat.
• Beautiful Matters – Memastikan pada halaman AMP HTML iklan terlihat lebih indah dan relevan.
• Security is must – Mengharuskan semua iklan harus memanfaatkan protokol HTTPS.
• We’re Better Together – AMP html disini tidak hanyak mendukung soal entinitas iklan tunggal saja, melainkan seluruh industri.

Untuk memasang iklan di template amp blogger, kita harus menggunakan komponen amp-ad, yang dimana fungsi komponen ini untuk mengkonfigurasikan iklan dalam beberapa cara seperti misalnya saja ukuran iklan mulai dari panjang, lebar, tata letak dan strategi pemuatan iklan. Lantas bagaimana cara pasang iklan adsense di halaman amp html atau template amp blogger? berikut ini adalah langkah-langkah cara membuat iklan di template amp.

Cara Memasang Iklan Adsense pada Template AMP HTML Blogger

Apabila kamu mengganti template html blogger menjadi template amp html blogger, maka langkah cara pemasang iklan di amp html ini harus kalian terapkan agar iklan yang kamu pasang dapat terlihat pada halaman blog yang kamu kelola.

1. Cara Memasang Iklan Adsense Di Sidebar AMP HTML

Langkah pertama silahkan tambahkan gadget html/javascript pada sidebar blog kamu kemudian tambahkan kode di bawah ini.

<amp-ad
data-ad-client=”ca-pub-xxxxxxxxxxxxx”
data-ad-slot=”xxxxxxxxx”
height=”Ukuran Tinggi Iklan”
type=”adsense”
width=”Ukuran Panjang Iklan”>
</amp-ad>

Keterangan

• ca-pub-xxxxxx isikan dengan nomor id client adsense kamu.
• data-ad-slot=”xxxxxxxxx” isikan dengan nomor ad slot iklan adsense yang akan kamu pasang di blog.
• Ganti ukuran tinggi iklan sesuai dengan iklan yang akan kamu pasang begitu juga sebaliknya gantilah ukuran panjangnya juga.

2. Cara Memasang iklan adsense di atas Postingan

1. Silahkan tambahkan kode css

.adspost1 {padding-top:25px;width:300px;height:250px;margin:0 20px 5px 0;display:inline;float:left}

Salin kode diatas dan letakan di bawah kode berikut ini. atau diatas kode penutup halaman posting </style>

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <style amp-custom=’amp-custom’>

2. Tambahkan kode ini tepat di atas kode <data:post.body/>.

<div class=’adspost1′>

<amp-ad data-ad-client=’ca-pub-xxxxxxxxxxxxxx‘ data-ad-slot=’xxxxxxxx‘ height=’250‘ layout=’responsive’ type=’adsense’ width=’300‘>

</amp-ad>

</div>

Keterangan:

Silahkan ganti nomor ca-pub, ad-slot dan ukuran iklan yang sudah aku blok di atas.

3. Cara Memasang Iklan adsense di bawah postingan

1. Silahkan tambahkan kode CSS di bawah ini

.adspost2 {width:336px; height:280px;margin:0 auto;padding:0}

Salin kode diatas dan letakan di bawah kode berikut ini. atau diatas kode penutup halaman posting </style>

2. Tambahkan kode ini tepat di bawah kode <data:post.body/>.

<div class=’adspost2′>

<amp-ad data-ad-client=’ca-pub-xxxxxxxxxxxxxx‘ data-ad-slot=’xxxxxxxx‘ height=’280‘ layout=’responsive’ type=’adsense’ width=’336‘>

</amp-ad>

</div>

Keterangan:

Silahkan ganti nomor ca-pub, ad-slot dan ukuran iklan yang sudah aku blok di atas.

Nah demikianlah tips memasang iklan adsense di template amp html yang benar. Semoga artikel ini bermanfaat guys. Jika ada pertanyaan, silahkan berkomentar di bawah ini guys..