Membuat Iklan ADS Matched Content Style Tanpa IMG

Membuat Matched Content Tanpa Gambar - Dari berawal permintaan sobat blogger saya yang meminta cara membuat iklan Adsense Tanpa ada gambar. Kini saya sebagai admin akan memberikan tehknik untuk membuat iklan Adsense Matched Content di blog dengan style tanpa gambar.

Iklan Matched Content adalah iklan Adsense yang tidak semua akun bisa langsung mendapatkannya, iklan tersebut bisa didapatkan ketika pihak google telah menyetujui setelah di tau jika situs yang dimoliki publisher tersebut telah maksimal. Biasa saya mendapatkan iklan tersebut setelah 3 atau kurang lebihnya 5 bualan menjadi publisher.

Iklan ini saya biasa pasang di bawah artikel, sengaja agar klik iklan dari blog lebih maksimal, dengan memasangkan iklan Matched Content tanpa gambar ini tidak hanya membuat penghasilan klik yang lebih baik saja. Tetapi membuat tampilan lebih simple dan lebih terlihat keren menurut saya.

Untuk sobat Idsiteblog yang ingin mencoba iklan ini silahkan ikuti cara Membuat Iklan ADS Matched Content Style Tanpa IMG / Gambar berikut dibawah ini.

Pertama yang harus anda ketahui untuk memasangkan kode ini seperti yang sudah saya bahas di atas, yaitu sudah mempunyai iklan Matched Content di akun Adsense Anda.
Selanjutnya silahkan Anda membuat unit iklan Matched Content dan copas saja kode tersebut.
Selanjut nya silahkan kopas kode dibawah ini dan pasang dibawah <data:post.body/> dibawah Artikel Anda :

<b:if cond='data:blog.pageType == "item"'>
<div class='matched-content'>
<h2>Advertisement :</h2>
<b:if cond='data:blog.isMobileRequest == "false" and not data:blog.searchQuery'>

<ins class='adsbygoogle' data-ad-client='ca-pub-80247021879xxxx' data-ad-format='autorelaxed' data-ad-slot='417013xxxx' data-matched-content-columns-num='2' data-matched-content-rows-num='4' data-matched-content-ui-type='text_card' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>
<b:if cond='data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>

<amp-ad data-ad-client='ca-pub-802470218794xxxx' data-ad-slot='417013xxxx' data-auto-format='autorelaxed' data-full-width='' height='320' media='(max-width: 700px)' type='adsense' width='100vw'>
<div overflow=''/>
</amp-ad>
</b:if> </div>
</b:if>

Jangan lupa untuk mengganti kode ca-pub dan data-ad-slot Matched Content yang telah dibuat milik Anda.

Selanjutnya agar Iklan Tampil lebih baik silahkan pasang kode CSS dibawah ini :

/*Matched Content*/
.matched-content h2 {
font-size: 16px;
margin: 6px 0 5px;
background: whitesmoke;
padding: 5px;
border: 1px solid #ddd;
}

NB: Kode yang saya buat di atas khusus untuk tampilan Blog dengan Dua Versi yaitu AMP dan Non AMP, jika blog anda hanya dengan versi Non AMP silahkan pasang kode yang saya warnai biru saja.

Cek Demo Blog

Tampilan Iklan ADS Matched Content Style Tanpa IMG.