Cara Pasang Sticky Floating Ads non AMP WordPress Tanpa Plugin di Footer
Topik.MY.ID – Karena penghasilan adsense di website menurun, dan melihat beberapa website besar memasang iklan melayang sticky di footer, mungkin ane tertarik memasangnya supaya penghasilannya tidak harus gajian 4 bulan sekali. Apalagi untuk mendapatkan 1,2 juta dibutuhkan waktu 4 bulan karena penghasilannya 300 ribu per bulannya.
Blog bahasa indonesia memang tidak gurih, namun apa daya hanya bisa menulis blog berbahasa Indonesia. Beda dari tahun ketahun yang memang penghasilan adsense dari blog bisa satu kliknya 300 rupiah. Dan ternyata saat ini dirasa kurang menggigit karena satu klik bisa hanya 80 rupiah saja
Namun floating ads yang saya temukan ini mungkin tidak seratus persen menambah pundi-pundi rupiah anda naik. Apalagi saat ini 8 klik saya palingan cuma dikasih seribu lima ratus perak saja.
Dengan menggunakan iklan melayang dan nempel aja ketika scrool memungkinkan daya klik bertambah selanjutnya akan menghasilkan klik dengan jumlah yang meningkat.
Namun, sayangnya tidak semua page atau halaman bisa terdeteksi iklan karena hanya menggunakan iklan mobile saja. Berikut akan kami berikan scriptnya dibawah ini
Daftar Isi Konten
Cara Memasang Iklan Footer Untuk Mobile Melayang.
Silahkan anda buka file editor wordpress yang lokasinya ada di menu tampilan > editor berkas tema
Kemudian anda bukan file header.php dan copy paste script dibawah ini diantara <head> Isikan script disini </head> jangan lupa disimpan
<b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
<style>
/*<![CDATA[*/
.sticky-ad {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: visible;
position: fixed;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
max-height: 104px;
background-image: none;
background-color: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 0;
padding-top: 4px;
transition: all .4s ease-in-out;
}
.sticky-ad-close-button {
position: absolute;
width: 28px;
height: 28px;
top: -28px;
right: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
background-size: 13px 13px;
background-position: 9px;
background-color: #fff;
background-repeat: no-repeat;
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
border: none;
border-radius: 12px 0 0 0;
cursor: pointer;
}
.sticky-ad-close-button:before {
position: absolute;
content: "";
top: -20px;
right: 0;
left: -20px;
bottom: 0;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:active,
:focus {
outline: 0
}
/*]]>*/
</style>
</b:if>Dan setelahnya anda masukkan ke menu footer.php dan copy paste script dibawah <?php wp_footer(); ?> jangan lupa disimpan
<b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
<div class='sticky-ad' id='sticky-ad'>
<!-- Kode iklan silahkan simpan di bawah ini -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- iklan mobile -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:50px"
data-ad-client="ca-pub-XXXXXXX"
data-ad-slot="XXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<button aria-label='Close this ad' class='sticky-ad-close-button' onclick='document.getElementById('sticky-ad').style.display='none';'/>
</div>
</b:if>Jangan lupa untuk menggantikan iklannya dengan iklan yang anda miliki. atau ganti data-ad-client=”ca-pub-XXXXXXX” dan data-ad-slot=”XXXXXXXX”
Dan jangan lupa anda kontak kami atau tuliskan di kolom komentar jika memang scriptnya tidak bisa digunakan. Terima kasih.
Tinggalkan Balasan