Sticky Ad Bar WP Plugin, for mobile (free)
The floating Sticky Ad Bar WP plugin (available for free on WP plugins repository) shows a banner in the footer, or in the header, to display ads. Customisable, fast, light… it is perfect for mobile, and can also be run on desktop browsers.
Floating Sticky Ad Bar
People surfing your web site on a mobile, whatever is the browser (Safari, Chrome, Opera…), will see a floating sticky ad bar, that will not move, and remain in front of him… Like on some free apps.
Scroll down, scroll up, the ad doesn’t move and sticks to the bottom, or to the top, depending of what you chose.
You can add your own transparent floating and sticky icons…
The Sticky Ad Bar add a banner to your website. It was intended to be used on mobile.
- You can use it with all ad programs (be aware that AdSense do not permit floating ads)
- You can use it with mobile theme and plugin, including WPTouch of course. It will appear on top of if. No need to paid the PRO version.
You like the plugin, you can offer me a coffee through PayPal.
- Activate or deactivate the bar from the settings
- Use the bar only on mobile devices, or on all type of browsers
- Show it at the top, or at the bottom, of the pages
- Authorise visitor to close it, of force them to keep it visible
- Choose the background colour, to match with your theme and your ad program
- Add custom html, styling, buttons and much more
- Very fast and fluid, it will not slow your web site
- No developer logo, no water mark, this plugin is yours
- 100% free: no premium version or functionality to buy, everything is here
Attention: Google Adsense do not permit to « place Google ads in a floating script that causes the ad to appear in a “sticky » position on the page as the user scrolls down ». Please, check your program’s ad placement policies.
You’d better not use the sticky ad bar with Google Adsense, but you have plenty of other programs: zanox, tradedoubler…
If you make your own ads based on pictures (so ad block can not detect them ;)), then put a 100% width in your image tag: <img width= »100% » src= »…. » /> in order to have a responsible ad whatever the mobile is.
You can decide to use this plugin not only on mobile, then it will display a floating bar on desktop browsers as well.
Adjust margin to have your banner centered
Here is an example on how to adjust margins if your banner seems not centered:
<p style="margin: 4px -1px -20px 4px; width: 330;"> <- Play on the values here
your add, bannder here
Add some style in your theme CSS
border: 1px solid #666;
Display transparent social icons
<a href="https://twitter.com/bonplangratos" target="_blank" rel="nofollow"><img title="Suivez-nous sur twitter" src="http://cdn.bonplangratos.fr/social-buttons/pagepeel/twitter.png" alt="twitter" width="50" height="50" /></a>
<a href="https://www.facebook.com/bonplangratos" target="_blank" rel="nofollow"><img title="Suivez-nous sur Facebook" src="http://cdn.bonplangratos.fr/social-buttons/pagepeel/facebook.png" alt="facebook" width="50" height="50" /></a>
<a href="https://plus.google.com/106052155425806882094" target="_blank" rel="nofollow"><img title="Suivez-nous sur Google+" src="http://cdn.bonplangratos.fr/social-buttons/pagepeel/google.png" alt="G+" width="50" height="50" /></a>
<a href="http://feeds.feedburner.com/bonplangratos" target="_blank" rel="nofollow"><img title="Suivez-nous sur RSS" src="http://cdn.bonplangratos.fr/social-buttons/pagepeel/rss.png" alt="RSS" width="50" height="50" /></a>
<a href="http://bonplangratos.fr/newsletter" target="_blank" rel="nofollow"><img title="Suivez-nous sur newsletter" src="http://cdn.bonplangratos.fr/social-buttons/pagepeel/email.png" alt="Newsletter" width="50" height="50" /></a></center>
Share your experience
Feel free to share your experience, report bugs, and request any enhancement in the comment zone below. You can just say also you liked the plugin. Thanks.
You can download the last version of the floating Sticky Ad Bar WP plugin, from the WP plugins repository.