Cara Pasang Iklan Sticky Ads di Bawah Template Blogger

  • Whatsapp
cara pasang iklan sticky ads

Baru baru ini google mengumumkan pemberitahuan bahwa google adsense sekarang membolehkan para publisher menempatkan iklan styky ads atau iklan melayang di bagian bawah layar.

Tentunya ini merupakan kabar gembira kepada semua blogger karena dengan menerapkan format iklan ini otomatis penghasilan blog akan meningkat berkali kali lipat.

untuk jenis iklan sticky ads ini memiliki ukuran untuk laptop atau desktop yaitu 728×90 pixel dan untuk tampilan smartphone 320×50 pixel

Kelebihan Iklan Sticky Ads yang harus kamu tahu

Bicara soal kelebihan iklan AdSense sticky yang ditempatkan di paruh bawah layar, iklan melayang ini juga “Sticky Fixed Ads”, dan memiliki nilai rasio klik yang cukup bagus.

Karena secara kinerjanya, pengunjung blog akan terus melihat iklan tersebut, meski laman web discroll ke bawah atau ke atas, jadi tentunya memiliki potensi klik iklan yang lebih besar.

Bagaimana pasang iklan sticky ads google adsense

1. Buka Template Blogger lalu edit template.

2. Salin code di bawah ini lalu letakan code tersebut di atas </head>

<b:if cond=’data:blog.pageType not in {"static_page","error_page"} and not data:blog.searchQuery and not data:blog.searchLabel’>

<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;
width: 100%;
max-width:736px;
margin-left:-368px;
left:50%
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: 4px 4px 0;
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: center;
background-color: #fff;
background-repeat: no-repeat;
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
border: none;
border-radius: 12px 12px 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
}
@media screen and (max-width:800px){.sticky-ad{margin-left:0;left:0}.sticky-ad-close-button{background-position:9px;border-radius:12px 0 0 0;}}
/*]]>*/
</style>

</b:if>

Kemudian copy code di bawah ini dan letahan di atas code </body>

<b:if cond=’data:blog.pageType not in {“static_page”,”error_page”} and not data:blog.searchQuery and not data:blog.searchLabel’>
<div class=”sticky-ad” id=”sticky-ad”>
<b:if cond=’data:blog.isMobileRequest == “false”‘>
<!– Kode iklan desktop –>
</b:if>
<b:if cond=’data:blog.isMobileRequest == “true”‘>
<!– Kode iklan mobile –>
</b:if>
<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>

Untuk jenis iklan sticky ads ini aman gan karena sekarang google membolehkan iklan seperti itu.

Demikian Cara Pasang Iklan Sticky Ads di Bawah Template Blogger semoga ulasan di atas bermanfaat.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *