Cara Memasang Unit Iklan Adsense Page-Level Ads Terbaru

Bisa Oi - Iklan (ads) merupakan suatu bentuk media informasi yang dilakukan seseorang, instansi/lembaga, atau perusahaan yang didalamnya berisikan tentang hal produk atau jasa untuk ditujukan kepada semua orang. Dalam dunia blogger, iklan menjadi salah satu sumber penghasilan dan baiknya lagi blog tersebut akan lebih terkenal.

Cara Memasang Unit Iklan Adsense Page-Level Ads Terbaru

Kalian pasti tahu dengan sebutan Adsense, ini merupakan sebuah jasa periklanan yang dibuat Google bagi situs web yang telah memenuhi kriteria penampilan iklan dengan tujuan untuk memperoleh kemungkinan konsumen lebih banyak. Dengan adanya berbagai penyedian jasa periklanan menjadikan para Blogger akan memperoleh keuntungannya di internet.

Nah kali ini saya akan membagikan bagaimana cara memasang Page - Level Ads Adsense Terbaru. Pemasangan iklan ini memungkinkan sebuah blog akan mengalami peningkatan penghasilan setiap waktunya. Tampilan iklan ini akan melekat dan melayang pada bagian bawah blog. Akan tetapi model iklan ini hanya bisa tampil pada halaman versi mobile saja.

Unit Iklan Adsense Page-Level Ads


Ikuti langkah-langkah dibawah ini untuk memasang page-level ads di blog kalian.

1. Masuk ke akun Blogger kalian.
2. Pilih Menu Tema (theme), kemudian klik Menu Edit HTML.
3. Letakkan kode CSS berikut tepat diatas kode </head>.

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; 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: -104px;
  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>
4.Selanjutnya letakkan kode script berikut diatas kode </head> atau </body>.

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<div class="sticky-ad" id="sticky-ad">
<!-- Kode iklan silahkan simpan di bawah ini -->

<button class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none';" aria-label="Close this ad"></button>
</div>

<script>
//<![CDATA[
window.addEventListener("scroll",function(){
  var target = document.getElementById('sticky-ad');
  if(window.pageYOffset > 300){
   target.style.bottom = "0";
  }
},false);
//]]>
</script>
</b:if>
Perhatian :
Letakkan kode iklan kalian tepat dibawah kode <!-- Kode iklan silahkan simpan dibawah ini -->. Selain itu , untuk unit iklannya gunakan versi horizontal dengan ukuran 320x50 atau 320x100.

Pada angka 300 yang terdapat pada kode script tersebut berfungsi sebagai pengatur ketinggian munculnya iklan. Dengan begitu sesuaikan keinginan ketinggian iklan yang akan ditampilkan misalnya 100 atau lebih.

5. Terakhir simpan template dan lihat hasilnya.

Demikian cara memasang unit iklan adsense page-level ads terbaru. Terus update tutorial baru untuk memperindah dan menambah keuntungan kalian di dunia blogger. Semoga tutorial ini bermanfaat untuk kalian semua.

Post a Comment

0 Comments