2 Cara Memasang Iklan Sticky Ads Di WordPress Tanpa Plugin

Arif Wibowo

2 Cara Memasang Iklan Sticky Ads Di Wordpress Tanpa Plugin
Cara Memasang Iklan Sticky Ads

Cara Memasang Iklan Sticky Ads – Jenis iklan google adsense itu banyak sekali jenisnya, seperti iklan matched konten, iklan responsif dll, namun ada sebagian jenis iklan yang mampu menambah penghasilan yaitu jenis iklan sticky ads.

Apa Itu Iklan Sticky Ads?

Sticky ads atau floating ads dua jenis iklan yang hampir mirip, sticky ads dan floating ads adalah iklan melayang yang ditempatkan di bawah footer atau diatas header. Kebanyakan blogger biasanya menempatkan kode iklan floating ads atau sticky ads di bawah footer.

Jenis iklan ini mampu menambah jumlah klik iklan pada blog yang dikelola, bahkan 40% jumlah iklan google adsense berasal dari jenis iklan floating ads dan sticky ads, sayangnya resiko memasang jenis iklan ini berpotensi invalid klik, menurut saya pribadi blog saya yang satunya memakai jenis iklan ini dan aman-aman saja namun hanya saja traffic blog saya kisaran 2000-3000 ribuan perhari, bisa dikatakan organik traffic nya lebih banyak sehingga tidak pernah menemukan masalah invalid klik atau tidak pernah terkena pinalti dari google adsense.

Untuk memasang iklan sticky ads juga sebenarnya sangat lah mudah, kita dapat memasang iklan dan menempelkan kode html iklan google adsense berjenis sticky ads secara manual, dan juga bisa memasang sticky ads menggunakan plugin.

Cara Memasang Iklan Sticky Ads Di WordPress

Di artikel ini saya akan mengajarkan kamu cara memasang iklan sticky ads atau floating ads di wordpress, yang pertama di mode desktop dan yang kedua sticky ads di halaman AMP.

Cara Memasang Sticky Ads Di WordPress Desktop

Cara yang pertama agar kita dapat memasang jenis iklan sticky ads di wordpress versi desktop pc dan laptop, kita bisa menempatkan iklan sticky ads di bagian footer, berikut caranya.

1. Buat Jenis Iklan Google Adsense Responsif

iklan display
Iklan Display Ukuran Iklan Responsif

Hal pertama agar kita dapat membuat iklan sticky ads, kamu pergi ke dashboard adsense lalu buat jenis iklan display dan untuk ukuran iklan pilih jenis responsif.

salin ca pub dan ad slot
Salin Ca-pub dan ad slot iklan anda.

Kemudian kita ambil kode skrip iklan html, kamu salin ca-pub id adsense kamu lalu simpan juga data-ad slot iklan adsense, untuk format biarkan auto saja.

editor berkas tema
Masuk ke tampilan lalu editor berkas tema.

Selanjutnya login ke halaman dashboard wordpress kamu, dan klik tampilan lalu masuk ke menu halaman Editor Berkas Tema, kalau untuk wordpress bahasa inggris Appreance> theme editor > Footer.php kamu bisa sesuaikan saja, untuk yang wordpress berbahasa inggris.

footer 1
Footer.php

Kalau kamu sudah berada di menu edit tema kamu masuk ke edit tema footer lalu masukan kode dibawah ini.

<div class='sticky-ads' id='sticky-ads'>
<div class='sticky-ads-close' onclick='document.getElementById("sticky-ads").style.display="none"'><svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='sticky-ads-content'>

<ins class="adsbygoogle"
     style="display:inline-block;height:70px;width:100%;line-height:70px;"
     data-ad-client="ca-pub kamu"
     data-ad-slot="id ad slot adsense kamu"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></div>
<style>
.sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>

Kamu salin kode html sticky ads yang saya berikan diatas dan masukan kode iklan sticky atau floating ads tersebut di atas tag </body>

diatas tag body 1
Tag </body>

Kalau sudah kamu masukan kode html sticky ads di atas tag </body> kamu tinggal kelik perbarui berkas, dan terakhir coba kamu periksa blog kamu nantinya iklan sticky ads melayang di bawah footer akan muncul, kalau jenis unit iklan kamu baru kamu bisa tunggu 1-15 menit sampai iklan kamu ditampilkan.

Cara Memasang Iklan Sticky Ads Atau Floating ADS Di Halaman AMP

Yang kedua, untuk cara memasang kode adsense di wordpress, dan apabila kamu menggunakan amp kamu dapat pasang iklan melayang di wordpress jenis sticky ads menggunakan bantuan plugin ad-inserter.

<amp-sticky-ad layout="nodisplay"> <amp-ad width="320" height="50" type="adsense" data-ad-client="ca-pub adsense" data-slot=" id slot iklan responsif kamu"> </amp-ad> </amp-sticky-ad>

Salin kode sticky ads amp diatas, kemudian install plugin ad-inserter.

plugin ad inserter
Plugin Ad Inserter WordPress

Setelah sudah kamu pasang plugin ad inserter kamu masuk ke halaman settings plugin ad inserter.

misc
Konfigurasi Misc Plugin Ad Inserter.

Selanjutnya kita lakukan konfigurasi terlebih dahulu di plugin ad inserter, kamu kelik Misc.

settingan plugin ad inserter
Settingan Iklan Sticky Ads Di Plugin Ad Inserter.

Kemudian dibagian settings, insertion kamu rubah menjadi footer, dan alignment rubah menjdai center, untuk insertion kamu centang AMP Pages.

masukan kode iklan
Masukan Kode Iklan Di Menu Block 1 Ad Inserter

Terakhir kamu masukan kode iklan html sticky amp yang sudah saya berikan tadi, kamu tinggal masukan ca-pub adsense dan id slot iklan responsif kamu di bagian kode iklan sticky ads amp yang sudah saya berikan diatas, sengaja saya custom biar kamu tidak bingung.

Apakah Memasang Iklan Sticky Ads Aman?

Sejauh ini menurut saya aman-aman saja, asal kamu jangan memakai ukuran iklan yang terlalu besar dan lebar, sehingga tidak menggangu visitor sewaktu membaca konten kamu, nah mungkin hanya itu saja yang dapat kami berikan, selamat memasang iklan sticky ads.

Arif Wibowo

Arif Wibowo

Hai nama saya arif wibowo, saya adalah seorang blogger yang gemar mempelajari ilmu teknologi, mahir membuat sebuah konten tutorial, tekno, android dan seputar game. Saya sudah menjadi penulis dari tahun 2016 dan memulai membuat konten untuk membantu seluruh pengguna di internet.

Related Post

4 pemikiran pada “2 Cara Memasang Iklan Sticky Ads Di WordPress Tanpa Plugin”

Tinggalkan komentar