Are you concern about your present Ads network’s performance and ad revenue?
A hidden truth is that -
Most of the publishers are not able to generate projected amount of income from their present ad network.
This is not the fault or incapability of your ad network rather you can make handsome amount of money from your present ad network but you have to adopt a new strategy.
The name of the new strategy is floating your ads to grab visitor’s attention, increase ad impression and more click.
Floating ads is a great option to generate ad revenue, which is not possible only with static display ads.
If your blog receiving many returning visitors then you will notice, after a certain period of time most of the returning visitors become color blind and they don’t click on ads banner. As a result, you are losing significant amount of ads revenue every day.
Floating ads can help a publisher to boost CPM and CTR (Click-through-rate) and generate more income from any ads network.
The mechanism of floating ads is effective when your blog or website don’t have enough empty space to monetonize.
Generally we can see our blog’s left and right side remains always vacant, which is known as idle space and we can easily utilized those gap by using floating ad placement system that can generate more click on AdSense ads.


The biggest advantage of this method this will not occupy your valuable space within your blog content, sidebar and footer section.
In this tutorial I have come up with a fantastic widget that will show you the way to use
Floating "160px X 600Px"AdSense ads
at the right or left side of your blog.
Not only AdSense ads can be float rather you can use this widget to float any display ad banner. Many blogger monetonize their blog with affiliate ads only and this widget can become an ideal option for them to display them as floating banner ads.
What is Floating Ads?
Floating ads is rich media Web advertisement that appears over the content of any webpage. Generally it ‘float’ or ‘fly’ over the top of the page.
Floating ads appears at the left or right side or middle position of the webpage and fade away after five to thirty seconds. Or visitor can close the ads by clicking on close button.
Usually we see full screen, vertical and small rectangular floating ad banner. Many floating ads don’t include any close button, and visitors can’t escape without click on it.
Classier edition of floating ads come with many shape and size along with sound, animation, and interactive mechanism.
Floating ads use a variety of technologies, such as:
- Flash animation and
- Dynamic HTML (DHTML)
According to the web browser compatibility majority of floating ads have the ability to display in different ways.
Benefits of Using Floating Ads?
Many publishers’ first choice is ‘Floating ads’ to grab the visitor’s attention and increase the click-through-rate. They are willing to run floating ads on their website.
This is hard to generate more revenue only from viewable ad impressions of your ads network. The more you get click the more revenue you can generate from the ads network.
The benefits of Floating ads are as follows:
- It ensures to get the maximum viewer's attention.
- Animated floating ads with sound gives feel like TV commercial, as a result it drives the visitors to watch them.
- Visitors cannot ignore the floating ads because it appears through full screen.
- Floating ads are more influential than non-floating display ads.
- Always it gets high click-through rate.
- It can increase ad impressions. And many publishers generate $1 to $8 per 1,000 impressions.
- Ultimately it can generate higher ad revenue.
According to a HowStuffWorks -
A floating ads can generates 30 clicks per thousand impressions, which is much higher than the cited 3-6 clicks per thousand impressions from a banner advertisement.
Is it Allowable to Display Floating Ads in AdSense?
A question always pop in your mind that
“Can I use AdSense ads in a float div on my blog?”
The simple answer is ‘No’.
AdSense doesn’t allow appearing their ads in a “floating” or “sticky” position. Google AdSense is concern about the user experience, for this reason to ensure a secure and positive user experience they restrict the use of floating ad implementations.
But AdSense has Page-level ad feature which popup only on mobile web. But still it can’t generate estimated ad revenue.
Should I Place Floating Adsense Ads on My Website?
After reviewing different viewpoint AdSense user shouldn’t use floating ads but if you can place it naturally then you can use floating ads safely.
Google AdSense has several guidelines for placing ads. Such as
- You can’t try to grab unnatural attention to your AdSense ads.
- You are now allowed to place the ads under a misleading header.
- You can’t cover the content by using ads.
And so on
So if your floating ads doesn’t cover the content and grab the visitor’s attention unnaturally then you can place the floating ad banner.
I have developed this floating ad banner to place the 2 vertical ads at the left and right side of any website. And this will not grab the user’s attention but maximize the ad revenue. Publishers can easily underutilized places to display ads and increase ad revenue.
But this widget helps to float any ad banner from any ads network. So if you are not using Google AdSense, then this floating ads widget will become useful to maximize your ad revenue.
How To Add Floating Adsense Ads to left or right side On Blogger?
This is really an excellent technique to float your display ads on the left or right side of your Blogger BlogSpot.
All Ads network has unique terms and conditions to user their display ad banner. And all publishers must follow their instruction.
So before proceeding please read carefully about your present ads network’s Terms of Service. If you are intended to use Affiliates ads then read the Terms of use of the respective affiliate network. Many of them allow floating ads and some are not allow floating advertisement?
I have split this tutorial into 2 parts. First you have to get AdSense ad script from your AdSense account and later we will show you the floating ad script to integrate the AdSense code.
How to Get the AdSense Code?
You can utilize any ads script but for example purpose I am showing the tutorial with Google AdSense.
To get the responsive AdSense ad code just follow the below steps:
Step #1: Login to your AdSense account
Step #2: Click
Ads
to expend vertical menu and click Ad units
Step #3: Click
+ New ad unit
Step #4: Select Text & display ads
Step #5: Now give a name of your Text & display ads and select
Responsive
ad unit.Step #6: Finally click Save and get code button to get the AdSense ads code.
Step #7: Simply copy the ad code in a notepad and click Close button to close the ad code window.
You have successfully generated a responsive AdSense ad code and later on we will use it in your floating ad widget to display floating ads in your blog. Your generated ad code will be look like below:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Text & display ads -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8888888888888888"
data-ad-slot="3333333333"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Now we will advance to the second part of the tutorial.
How to integrate AdSense ads with Floating Ad Widget?
This is the main part of the tutorial. Here we will show you the total integration process of your generated AdSense code with Floating ad widget. Please follow the below steps-
Step #1: Log in to your Blogger account and Go to your Blogger Dashboard
Step #2: Go to your "Layout" tab.
Step #3: Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.
Step #4: Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.
<style>
#bloggerspicesflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bsadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#bsadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bsadsheadline").style.display = 'none';
}
</script>
<div id="bsadsheadline">
<div id="bloggerspicesflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.bloggerspice.com/2013/05/how-to-float-adsense-and-other-third-party-ads-on-left-or-right-side-of-the-blogger-template.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="bsadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>
Ads code here
<br/></p></div></div>
Step #5: Now click "Save arrangement" button from top right corner.
Customization
- Replace "Ads code here" with your AdSense or others ads code.
- Change "160px" to increase or decrease wide
- Change "Left" with right to float right side of your blog.
Do you want to Float Dual AdSense and other Ads on left and right side in your Blogger site at a time? Then Please Grab my other tutorials.
1. How to Float 2 Wide Skyscraper Ad banner on Left and Right Side?
2. Float 300px X 250px Advertisement Middle of Blogger Site
3. Add 2 in 1 Floating Facebook and Advertise widget in Blog Site
1. How to Float 2 Wide Skyscraper Ad banner on Left and Right Side?
2. Float 300px X 250px Advertisement Middle of Blogger Site
3. Add 2 in 1 Floating Facebook and Advertise widget in Blog Site
Wrap it up
Floating ads is a good option to make more money from your Blog or website. It gives more control over ad placement, because you can float or fly anywhere of your webpage.
However you should take some precautions that your ads must not overlap your content. So we recommend floating the ads at the left and right side of your website.
Most of the website’s width is 1100 px to 1200 px as a result you will see plenty of empty white space. You can utilize those spaces by using this great floating ads widget.
Obviously this widget will increase your ad revenue dramatically, because this floating widget will easily attract the visitors to click on it.
Bro is it ok to use floating adsense ads? I think it's against Google adsense TOS.
I am not sure about it. If you have any proof then kindly share the link of Google TOS. However it can be use for other affiliated ads.
thanks for article ...nice blog
No dear I have not such a proof as I am also not damn sure about it. but yes we can use it for other advertising programs.
Farhan bro you are always welcome
brother its against google adsense policies. your google adsense will disabled in 1-2 month because you have not permission to add adsense in popup box in your blog. it's against of google adsense Terms and Conditions i just inform you otherwise as you wish
for more visit this link : http://www.google.com/help/nopopupads.html
Blogging tips and tricks
thanks for your valuable sharing with us...
Very useful! How can i remove the border? Please publish the code without border
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
Please replace the above code with below code-
border-bottom:0px #333333 solid;
border-right:0px #333333 solid;
border-left:0px #333333 solid;
Google Adsense doesn't allow you to use Pop-Up Ads so it is harmful for bloggers. Anyway nice work dude..Keep blogging
right bro...but this widget has designed for all ads network. So blogger can use for any affiliate ads.
hello again i want the ad to show in right side of my blog but it is coming in left side only i have changed from left align to right align but the ads are displaying in right direction only please reply fast...........
thanks for your comment I just modified the code change left:10px; to right. I have highlighted above..
Thanks Brother For Visiting My Blog ..................Please Say Me It Is good?????????
this works great, thank you. The close button doesnt work, can you let us know how to use this feature? I want users to be able to close the ad if they want.
its working well..till now this widget is using more than 25+ site. Anyway give me your site address I will check it to solve the problem.
i add but it shows small its adress take a look i want to float it likes yours big one
http://wwehdwallpapersfree.blogspot.com/
Zeeshan I have visited this site but didn't get any floating ads..kindly add it and comment here. then Hopefully I can give you solution.
Great Widget
thanks Furqan..Nice to see u back here
thanks brother, hehehe :D
visit here http://kang-rio.blogspot.com
Hi Ryo nice to see you here first time.Thanks for commenting.
Hello Muhmmad Fazle I Want To Know About Doamin And Hosting Of Websites Can U Plz Contact Me At tareen5152@gmail.com Plz Plz Bropther
brother please make a new widget for vertical banner like this and for closing that widget i dont want a redirect thanks i am daily visitor of your site because it help me much
Hi Zeeshan..thanks for your comment. It is very hard to create an widget. After spending several hour I have created this.I think it won't bother any visitors of your blog. This is just a credit to authors.Those who are interested about ads they would click on it not in close button. Beside of this it won't hamper your page rank. Thanks
Hi Ameer..I was in holiday for 10 days. Please write me details what do you want to know? I have explain about domain and hosting details in many articles.Anyway I am explaining clearly...
Domain is just a name which you can buy within $7 to $10. and
Hosting is a place where your blog will retain. For example..BloggerSpice.com is a domain name. And I am using Google Blogger as my hosting. Everything of my web data pictures has stored on Google Hosting site.
I am also confused about it. Although I am going to use this code to
http://tipsworldbd.blogspot.com
If it is really against the Google adsense TOS then it will be bad for me. But thank you Rabbi.
Thanks Himadri to see u here.
एक भारतीय
Udayan P.K. Tuljapurkar
Indian says: 2/05/2014
i visited maximum sites but you are the only true person who given the javacode here. thanks for the great job you have done and sharing to others.
Thanks Mr. Udayan..always I try with my best effort to make some creative and unique coding for my blog readers. And you are always welcome to BloggerSpice. And thanks again for your comment.
एक भारतीय
Udayan P.K. Tuljapurkar
Indian says: 2/06/2014
Dear Mr. Mohammad i need a help from you i have a blog, http://blogs-in-blog.blogspot.com, please check this and suggest me for getting more revenue from my blog.
Mr. Udayan..From my 4 years personal experience in blogging I have learned 1 thing that Google is my friend and others are enemy. I have used many affiliates but didn't work, most of the affiliates are fake. So keep Google ads only nothing else. Because you won't get any payment from them. Beside of this make regular post and soon I am starting a new series on AdSense optimization for generating more revenue from next week. Hope that will work.
एक भारतीय
Udayan P.K. Tuljapurkar
Indian says: 2/06/2014
Right now I am using Adsense, clickbank.net, Amazon.in, will the other two sites won't pay me ?, another question is in my one blog, i can share the blog post on Facebook, but in another blog i won't able to share the post. sharing possible is on http://health-blogs-in-blog.blogspot.com, and not possible on http://blogs-in-blog.blogspot.com, can you able to tell me what is the problem.
Use only AdSense...Because if you have more ads then ur visitors won't like to visit the site. Another thing in case of Payout, suppose Google won't pay you until ur total revenue reach to $100. So if you use 3 affiliate ads then total impression will split into 3. As a result it will take more than 1 year to make $100.
Another issue is Facebook this is a great problem for every blog. Because when you try to share something then posts image thumbnail will display different image or unrelated image, For this reason you can use auto sharing technique through third party plugins. Please follow the below tutorial---
http://www.bloggerspice.com/2013/04/auto-publish-your-blog-posts-to-5.html
But before that you can try Opera Browser..it work best. I have tried to share though Opera it is able to display relevant image on Facebook while I share.
I am sure that It's completely against the rules of adsense
Yeh you are right this is against Adsense rules. But this tutorial not only for AdSense..You can use any other Ads code to display.
hi bro.. i put it but it does not show anything but the displayed
Hi Habari..This widget work 100%...I think you have modified any code. There are many user modify the code and eventually it doesn't work. You can check the demo of this widget.
Bro I need your help .where to register domain name at free of cost to remove my blogspot keyword in blogger.and which is best hosting service at free of cost
Ho Priynka..there are many free domain name provider available over the net. such as.. .tk CO.NR .co.nf......but be carefull about those because they reserve all rights to remove the domain name service without any notification. Thanks
Hello Bro...
Tell me how to insert this code in the bottom of the page... i mean i want to float 768x90 ad in the bottom of my page.down side.
DroidGamespot
You have to change several things to do this. first you have to change the width and height code height:600;
margin:0auto;
width:160px;
Secondly change left:10px; with bottom:10px
Thanks
When I click on close it doesn't close the ad but it just stay in the sidebar. what should i do?
Hi Maribel..This widget has redirect option to main author site. And close button is working 100%. I think you have get this code from BloGs911. He has copied my code maybe for this reason you face trouble, I am the original author of this code. You can try the code from above. Thanks.
Yes, I did try to put your code in my blog, but when I try to add it, Yes is in there, but when i click the button it doesnt exit. It is still in there.
Hi Naurin...I just checked your blog it is working fine. And closing ads. I didn't find any problem. You can also check this widget by clicking on "Live Demo" button.
Awesome post bro, i searched in many place and was unable to find this....and finally got this thank you bro......
Nice
Welcome Bro..
Thanks Mahbub
hey Mohammad Fazle Rabbi tell me how to remove the floating widget from my blog?? ??
Hi if you have added the code then simply delete the added code from the widget. That's it. floating widget will be remove.
Hello,
Please let me know the floater code which closes only after clicking advert
Thanks
Hi there... I have designed altogether 3 floating widget for displaying advertisement.And you will find close sign at the top right of the floating widget. After clicking on there ad will be automatically close. Thanks
thank you brother
please visit me: http://www.3rabcloud.com
Assalamu Alaikum Mr. Sawah, Thanks for using this widget.
Hi Thanks for this wonderful stuff.
I was reading your blog this morning and noticed that you have a awesome resource page. I actually have a similar blog that might be helpful or useful to your audience.
See it yourself: JRPCollection.blogspot.com
Let me know what you think of it. Perhaps it’s worth mentioning on your resource page.
Either way, have a nice day,
Hi Junel, your site is very good but make more post. Thanks
Thanks a lot for a great sharing. Best suggestion for adsense.
Hi Rahman..Please use this widget with AdSense at left sidebar or right sidebar only. Some user place this widget above the post snippet thus a visitors must click on the ad for view the content. This is totally violation of Google AdSense's terms and condition.
Adsense floating ads is very effective to show ads on our desired places. Thanks for guide about
Adsense
Welcome Avnihs..
My study period = 15 minutes. My break time = 3 hours.
Status for Facebook
let's try this , it may attract readers
hello can you plz tell me how to add adsense in middle of the post??
Hi Sandesh.. please follow the below tutorial...take a backup before applying this trick. ^_^
http://www.bloggerspice.com/2013/04/how-to-display-adsense-ads-anywhere-of.html
thanks for your reply and can you also tell me is there any way to show float adsense only in mobile devices in the bottom??
Sorry Chauhan there are not any different conditional tag for mobile device thus ad can be shows only on mobile devide. :t
Thanks a lot for a great sharing. I want it appear on both left and right side of my blog. Could you tell me how should I modify the code?
Hi. I have a problem in getting ads code, may you help me how to get it please?
Hi Aman.. Whats your problem? please write me.
Bhai main picture kay uper ads lagan chata hoon kaisy lagey ga meri help karein please
Actually your question is not clear. In which picture you want to set ads. Anyway you can follow the below link for tutorial for adding Ads above post title inside Blog post.
http://www.bloggerspice.com/2013/04/how-to-add-google-adsense-ads-to-below.html
Google Adsense codes are not allowed to shown as Floating ads
You will able to display any kids of ads by using this widget. Not only Google AdSense. However if you can float the adsense code on safe position (not over the content or widget) then it won't violate AdSense terms and condition.
🌹🌹🌹🎁🎁
Hi Manbahadur, I think you have used HTML5 symbol, but unfortunately it doesn't support my comment system. But I have seen in moderation tab. Its nice Thanks.
;)
Nice coding ! but i think we should use an other advertisers, because I think it would violate laws of GA.I tried this code and receive alerts from the GA about not optimized.
my website http://www.ios-faq.com . I just put ads at the 3-position static, that is enough. I think so
Hi Tung, :wr This is absolutely true that Google AdSense code modification is now allowed. But if you are using 960px width template then you can use it. But if you force visitors to click on your ads then it will violate the AdSense terms and conditions. But this widget is ideal for using other advertising companies ad banner.
The code works flawlessly on my blog http://vishveshtech.blogspot.in/
I'll be using it for third party ads and not Google Ad Sense so it shouldn't be a problem I guess.
Keep up the good work.
Hi Vishvesh, Thanks for using my widget. :up
This is good and thanks mohammed fazle Rabbi, Here I posted about this with minutes things which let you able to create your own popup script code as you want, close button added.
Hi Jeyaganeshan Jeyakeethan,
Your widget is completely different than mine. Anyway thanks for commenting. And note that any hidden URL won't appear in my Blog's comment section. So next time don't share hidden URL. :up
It's there a way I can stop it from redirecting? My readers Complains of that each time they click close
Hi Chukwudi
I have added a credit URL with this widget but it doesn't redirect your Blog to my Blog. rather it will open the widget page at the background. however you can remove this http://www.bloggerspice.com/2013/05/how-to-float-adsense-and-other-third-party-ads-on-left-or-right-side-of-the-blogger-template.html URL to stop redirecting.
:up
Thank's for the script.I have been put it on at my site
Omah Cetak
Thanks Aji for using my widget. :up
Saved my day. Thanks for the wonderful article.
I am very glad to hear that Srinivas.. Wish you best of luck in your Blogging career. :up
Hey, thanks very much for reply,but after removing the credit link, when you click on close,it reloads page , it doesn't close, is there anything I can do?
I didn't find this kinds of problem. I think you are using any popup affiliate ads in your site that's why it is conflicting. You can test the widget in different browser or alternatively you can use my another widget from below URL- :wr
http://www.bloggerspice.com/2016/05/float-vertical-ad-banner-in-blogger-site.html
Brother , This Ads Code Works On One Side, Please Share Code Both Showing Both Side Ads,
Individually One Side R Working Fine, Even I Use Is for Right And Left , But Both Side R Not Working ,
Hi Susana,
I have already shared widget for both side floating advertisement. Please visit below URl for widget script. :sp
http://www.bloggerspice.com/2016/05/float-vertical-ad-banner-in-blogger-site.html
great widget
Thanks Gaurav :sp
How to make ads responsive and place them right below the post title in blogger?
Thanks for sharing this informative post.
Hi Han Kaltrunee,
Currently Google AdSense, Media.net and some other ad agency providing responsive ads. So if you get approval from Google AdSense then you can use Responsive ad unit on your Blog. :wr
Nice article about AdSense. Bit Mr. Ankit tense me about this by telling this is against AdSense TOS?
Hi Awais,
Yes this widget violate the terms and services of AdSense. but you can use this for other advertising platform. IF you want to use this widget for AdSense then you should use it for your own risk. However I have seen many website using this widget for 1 year but Google still didn't penalize.
:t
but brother new blogger if use then Google penalize immediately. I also saw but all sites was contain big traffic.
Yes right. Most of the Blog using this widget who has got AdSense approval 2/3 years ago. But if the ad banner don't cover any post then you can use it. Most of the use place the ad banner where visitors can't see the Post title or image. As a result they must click on the ad for reading the post. For this reason Google penalize. As result visitors are bound to click on ads.
:re
I agree.
It's safe pls suggest
Hi Jyotsna ^_^
Google AdSense doesn't allow any modification and tweak on their ad banner. So if you want to use this widget then you have to use this by your own risk.
But any other ad platform you can easily use this widget. Thank you.
Thanks for good artical
www.mytecsupport.in
Thank you so much for this tip.
:-bd Welcome Alex. I hope this would help you to place ads on our blog's sidebar.
Thanks for this wonderful trick.
I already knew but you explained in more details.
greeting from INDIA.
Hi Naveed :)
Thanks for your lovely comment.
thanks for the tips. useful for newbies like me for blogging success rate. i have bookmarked your blog for future use. thanks!
Assurance Auto Résilié
assurance auto malus
Hi Mohamed :) I am very glade to hear that.
Google Adsense does not allow scrolling of ads. If you are caught, you will be banned.
Hi Kavita
Yes right, I recommend this widget for other ad platform. AdSense users have to use this widget in his own risk.
Thanks for letting us know about the things. These are really helpful for all.
Join And Be A Winner with us
Awesome :up
Actually Google Adsense banned your account to floating ads. Only premium publishers allowed to show floating ads.
Hi Aashirvad Kumar
Thanks for your lovely feedback :up
Thank's for the script.I have been put it on at my site.
Great! :dn
It actually increase my google adsense earnings after implementing it on my blog: https://www.goodbooksafrica.com
Yes! Absolutely true. :up
You are doing great work here!
Please, can you help me with related post code that displays on desktop view?. The one l added displayed only on mobile view. Visit my blog @ www.judybestview.blogspot.com.please help!thanks
Thanks a lot....Verymuch Helpful Article.
After Putting this code suddenly increased Earning in my blog i.e. www.sadupayog.com
Thanks a lot.