Membuat Unit Iklan Link Adsense Dengan Banyak Tombol

Untuk membuat unit iklan link responsive Adsense menjadi menampilkan banyak tombol ini hanya perlu menambahkan CSS untuk mengatur tinggi iklannya saja, karena untuk lebar unit iklan link ini dari Adsense sendiri sudah responsive atu menyenyuaikan frame.

Unit iklan link Adsense ini jika kita dapat kodenya dari Adsense sendiri akan tampil horizontal dengan 2 kolom dan 2 baris.Jadi jika kita murni pasang kode yang kita dapat dari Adsense hanya akan muncul 4 tombol saja.

nah, jika kalian ingin membuat unit iklan link ini menjadi banya tombol silahkan simak caranya sebagai berikut.

1. Buat unit iklan link, pilih unit responsive dan sesuaikan warna tombolnya.
2. Gunakan CSS berikut untuk mengatur tinggi iklannya, simpan di atas kode ]]></b:skin> atau </style>:

 
.linkadsense{width:100%;height:250px;}

3. Tambahkan class linkadsense pada kode iklan link menjadi seperti berikut:

 
<ins class="adsbygoogle linkadsense"
     style="display:block"
     data-ad-client="ca-pub-1234567890"
     data-ad-slot="1234567"
     data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Cara di atas di gunakan untuk blog non AMP. Untuk Blog AMP simak caranya di bawah ini.

Pastikan blog AMP kamu sudah terpasang js amp-ad di atas kode </head>

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

Perlu diperhatikan, bahwa unit iklan yang Anda buat adalah unit iklan link, sebaiknya pilih unit iklan link responsive dan pilih ad type text ads only.

Untuk Tampak Atas Layar (Above The Fold)

Tampak layar atas atau above the fold adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar digulung ke bawah). Untuk unit iklan pada tampak layar atas ini (misalnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan layout fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya berada, sementara tingginya akan tetap 100px). Dengan begitu, iklan yang tampil adalah iklan dengan tinggi di rentang 100px.

Gunakan kode amp-ad seperti di bawah ini

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

Untuk Iklan Di Tampak Layar Setelah Di-scroll (Below The Fold)

Below the fold adalah bagian layar yang tampil setelah halaman di-scroll. Biasanya iklan ini di simpan di bawah postingan atau di atas dan di bawah komentar. Atau bisa disimpan di sidebar.

Untuk iklan ini dianjurkan untuk menggunakan unit iklan dengan tinggi 250px. Di sini saya menggunakan layout=”fixed-height” sehingga iklan yang muncul adalah iklan yang memiliki tinggi di rentang 250px.

Silahkan gunakan kode amp-ad seperti di bawah ini

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

Sesuaikan data-ad-client dan data-ad-slot dengan unit iklan link Adsense yang kamu dapatkan dari Adsense.