How to add Responsive Bottom Sticky Ads in Blogger site | Floating bottom ads in Blogger code

In the blog, you will find out how to add the below advertisements to your blogger website. This article will be useful for you that you can add sticky ads to your Blogger website and increase revenue in Adsense.

How to add Responsive Bottom Sticky Ads on Blogger site?

But, before that, you need to understand the basics of sticky advertisements, different types of sticky advertisements, and what guidelines have been given by the Adsense team for proper implementation of these advertisements.

Responsive Bottom Sticky Ads in Blogger Preview

Floating bottom Ads in Blogger code Preview

What are sticky Ads (advertisement)?

Add Floating bottom Ads in Blogger Website

 

A sticky ad is a fixed ad that appears in exactly the same position regardless of the user's scrolling through the content. These are commonly used in headers, footers, left / right bars, left and right sidebars.

Benefits of using sticky advertisements in Websites revenue

Sticky advertising is a great way to increase your AdSense revenue as it increases your website's overall impact and click-through rate [CTR] as well as improving your CPM value over time.

Here are some statistical figures that prove the above point.

 

40-60% higher CTR: than normal display ads

Visibility Improvement: 200% more viewable than other formats in one place.

30-70% High CPM: Advertisers open these ads more.

 How to add Responsive Bottom Sticky Ads in Blogger site | Floating bottom ads in Blogger code

<script type='text/javascript'>

$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});

</script>

<div id='ankitbann' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>

<div>

<a id='close-ankitbann' onclick='document.getElementById("ankitbann").style.display = "none";' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1C0ec1iSl6AAjB7RtgeP0sYHe4kYuIpLBE_2tDUK1F5-_EkkWdjW-iKoGczChAi0rwKwmfI-SwRLp_CYtep7ud4EJgsXcQb3GxxklErR5aVYykP74KbUvG6kJjafo2xNVZTlGZMHpmtfH/s512/1593255240460.png' height='20' width='20' title='close button' style='vertical-align:middle; margin-right: 20px; float:right;'/></a></div>

<div style='text-align:middle;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<!--- insert your Ads -->

</div>

</div>

Follow these 4 steps to apply Bottom Sticky ads on Blogger site

Step 1 - Go to your Blogger.com dashboard and then Layout section.

Step 2 - Add a new Gadget/ Widget on header section

Step 3 - Paste the copied code and replace the insert your Ads with your ad code.

Step 4 - And Save it.

 Floating bottom ads in Blogger code

Check if your Blogger Dashboard gadget/widget has been added

Final word

Congratulations were successfully added to the responsive Bottom sticky ad ads on the Blogger site. If there is any problem with this problem then comment us here to solve your problem.