Jumat, 25 Mei 2018

3 Cara Memasang Unit Iklan Adsense di Blog AMP

3 Cara Memasang Unit Iklan Adsense di Blog AMP

Blog Mang Otep | Cara Memasang iklan di AMP (Accelerated Mobile Pages) tidaklah sama dengan template blogger pada umumnya, Halaman AMP ini mempunyai kode tersendiri untuk penempatan iklan dalam sebuah blog. Dalam artikel ini mamang akan membahas cara memasang iklan unit adsense pada widget (sidebar atau header), di dalam artikel, dan di tengah artikel.

Untuk memasang kode unit iklan Adsense pada blog AMP ini yang akan perlukan adalah Data Ad Client dan Data Ad Unit anda. Anda bisa lihat kedua kode tersebut saat pembuatan unit iklan pada dashboard akun adsense kalian, sekarang kita aplikasi kode tersebut dan gabungkan dengan kode adsense AMP yanng penjelasannya selengkapnya bisa kalian lihat di Google AMP atau disini AMP PROJECT.

AMP (Accelerated Mobile Pages) yang sudah mulai merangsak naik daun karena fitur mobile Friendly karena pada saat ini pengguna handphone semakin banyak sehingga optimalisasi penggunaan Halaman Blog dengan support AMP memang sangat di perlukan adanya. Langsung saja inilah tutorial kali ini dari Blog Mang Otep.

3 Cara Memasang Unit Iklan Adsense di Blog AMP :


1. Unit Iklan Widget (sidebar atau Header)


Masuklah ke dalam menu tata letak pada dasboard blog anda dan buat widget baru "HTML/Javascript" dan masukkan kode di bawah ini :

Gunakan height="250" untuk widget sidebar

<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Gunakan height="100" untuk widget header

<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

2. Unit Iklan Atas dan Bawah Artikel


Sama seperti yang pertama kalian tinggal copy saja kode unit iklan yang sudah kalian tempatkan pada widget tadi, sekarang tinggal perletakan nya diatur dalam edit HTML pada menu Template.

Letakan kode pada Poin 1 di Atas dan di bawah <data:post.body/> , kode nya akan bisa terlihat seperti ini.

<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
<data:post.body/>
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

3. Unit Iklan In-Article Manual (tidak direkomendasikan)


Pada poin ini kalian harus meletakan iklan secara manual saat membuat postingan atau artikel yang akan kalian gunakan, sebenarnya ada lagi cara untuk menerapkan iklan versi AMP ini di tengah artikel dengan menggunakan Auto-Ads, mungkin mamang akan berikan tutorial pada kesempatan berikutnya.

Silahkan Copy kode di bawah ini dan pastekan kedalam artikel di paragraf yang ingin kalian munculkan iklan adsense. Berikut kode nya :


<amp-ad
layout="fixed-height"
height="145"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-format="fluid"
data-ad-layout="in-article"
data-ad-slot="1234567890">
</amp-ad>

Agar semua poin di atas berjalan dengan baik kalian perlu menambahkan javascript yang telah disediakan dan letakkan pada di atas kode </head>


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

Ganti kode di bawah ini dengan kode adsense anda :
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">

Demikian artikel tutorial 3 Cara Memasang Unit Iklan Adsense di Blog AMP dari Blog Mang Otep, semoga bermanfaat. Jika menyukai artikel ini anda bisa like, share, and subscribe untuk mendapatkan artikel terbaru langsung dari email anda.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments