2 Cara Membuat Iklan Anchor Adsense Ada Dibagian Bawah

Marketingland.com

Bismillah, Kalian yang mencari artikel seperti ini biasanya sedang mencari cara untuk bisa meningkatkan pendapatan Google adsense kalian.

{tocify} $title={Daftar Isi}

Atau kalian sedang jengkel dengan iklan otomatis Googel Adsense khususnya iklan Anchor kalian sering muncul dibagian atas terus, atau jarang sekali muncul dibagian bawah.

Nah, di artikel kali ini saya akan membagikan 2 cara membuat iklan anchor berada dibagian bawah layar HP.

Lansung saja ke cara yang pertama.

Cara Pertama:

Cara pertama ini sebenarnya cukup mudah pastikan kalian sudah mengaktifkan Iklan Otomatis pada website kalian, nah tinggal kalian tambahkan parameter overlays: {bottom: true} pada script iklan Google Adsense kalian, sehingga menjadi seperti in :

Pasang dibagian bawah <head>{alertWarning}

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>

  (adsbygoogle = window.adsbygoogle || []).push({

    google_ad_client: "ca-pub-1234567891234567",

    enable_page_level_ads: true,

    overlays: {bottom: true}

  });

</script>{codeBox}

Ganti ca-pub-1234567891234567 dengan kode punya kalian{alertInfo}

Bagaimana?. cukup mudah bukan

Cara Kedua :

Cara kedua juga sebenarnya cukup mudah namun butuh ketelitian dalam menerapkan kode iklannya, jangan sampai salah.

Karena disini kita membuat sendiri iklan anchornya atau memasangnya secara manual.

Oke langsung saja pasang iklannya :

Langkah 1

Pasang dibagian atas </head>{alertWarning}

<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>{codeBox}

Langkah 2

Pasang dibagian atas </body>{alertWarning}

<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 kalian -->

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

</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>{codeBox}

Catatan : Ubah Kode Iklan Kalian Harus berukuran 320 x 50{alertInfo}

Oke selesai, itulah 2 cara membuat iklan anchor adsense ada dibagian bawah.

Jangan lupa untuk membagikan artikel ini jika bermanfaat.

Sekian terimakasih.

Admin

Iseng-iseng berhadiah. jangan lupa bismillah.

Posting Komentar

Lebih baru Lebih lama