Memasang Adsense di Template AMP

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.