In the blog, you will find out how to show bottom ads blogger to your blogger website. This article will be useful for you in 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 the proper implementation of these advertisements.
Note- Please make a theme backup before applying any editing. If something went wrong, upload the backup file.
Responsive Bottom Sticky Ads in Blogger Preview
 |
| Floating bottom Ads in Blogger code Preview |
What are sticky Ads (advertisement)?
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/AVvXsEioaLWSxIHrHxD2PkwC-NU_Doo9iK-UUm8u2u56fz2ePBYyYHxbQJIBo2r5H6BXbNbFIz7hUSPbKNr5XwpzbdH9oV3RGwc07dO2Gkct5LleLvAjuhHvJwyABTUJfO4xpBgYZhGDRYAVCKbJ/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 the Layout section.
Step 2 - Add a new Gadget/ Widget on the 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 |
Post a Comment