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.

Floating sticky add on your web site 1

 

Scroll down, scroll up, the ad doesn’t move and sticks to the bottom, or to the top, depending of what you chose.

Floating sticky add on your web site 2

You can add your own transparent floating and sticky icons…

screenshot-5

Description

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.

Donation

You like the plugin, you can offer me a coffee through PayPal.





Features

  • 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.

Settings screenshots

Display options

Display options

 

Ad copy/paste area

Ad copy/paste area

Tips

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.

Code

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
</p>

Add some style in your theme CSS
#sticky_ad_bar{
width: 80%;
padding: 20px;
border: 1px solid #666;
background: #ffffff;
}

Display transparent social icons

<center>
<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.

 .

23 commentaires

  1. winans dit :

    Hello,

    First of all, congrats for the plugin!

    Jus want to know, how I can hide the plugin / sticky ad bar on mobile devices? I only want to show ONLY on desktop site instead on mobiles only.

    I hope you can help me with this, thank you.

    Regards,

    Winans

  2. littleoslo dit :

    Hello!!

    I deactivated then I even deleted the plugin but the sticky ad still appears on some pages sometimes.

    What can I do?

    urgent, I really need your help. thank you

    • Admin dit :

      Hello

      if you have a cache plugin, refresh it.

      you may also refresh the cache of your browser.

      This should not come from the plugin.
      B

  3. Awitte dit :

    Hello,

    I’m needing to disable the « sticky » element of this. Is that possible?

  4. Hi Fabio,

    Great Plug-in! Thank you.

    Please could you advice however how to make the big red ‘x’ button less, well, big and red!

    Obviously viewers should still have the option to close the ad bar, but could you please give me some code (as well as steps on where to place it) to make the ‘x’ button style fall more in line with the theme of my site (ie make it smaller and less conspicuous, more elegant).

    Once again, thanks for the great plug-in.

    Regards.

  5. Haan dit :

    it s best plung for ads.

    But, in my site, close button not work.

    How make fix it?

    http://formasyonhaber.com/

  6. mastering dit :

    Hello,
    I have added plugin & using bidvertiser ads but instead of ads it just shows the code of ad.
    Please Help.

    • Admin dit :

      Hello
      hard to tell, it is working for others…

      • mastering dit :

        Hello,

        I have added plugin again & ad also.
        ad is in script tag.
        i haven’t done any additional settings all the defaults i am using .
        if any settings required please inform.
        you can check the website :-
        http://www.masteringvmware.com

        just code is showing only instead of ad.

  7. Fabio Chaves dit :

    I tried donate but seems like the Paypal Button does not work.

  8. Haris dit :

    Hello!
    I used your app to put a logo (instead of an ad) to my website in the right lower corner and it works AWESOME on desktop. But on mobile it shows the icon in the center of the footer – is there a possibility (in the code) to put it also in the right lower corner?

  9. Sourov dit :

    Hi,

    I want to show this bar only my single post pages not a home page but it showing my website home page only. please check my site and help me to resolved this pb.

    http://www.news24b.com

    thanks.

  10. debrankin dit :

    i would like this footer to display only on select pages. Is there a short-code option?

  11. zuki dit :

    Hi, I have place my ads code on bottom. But when tested by clicking it. Instead go to target site, it just download the banner. what’s wrong of below structure :

    Thanks

  12. Peter dit :

    Hi I would like the bar to fade in after a fews sec. Would it be possible ?

  13. Ed dit :

    Is there a way to not show the black « Open » button? When a visitor clicks the red X, we want everything to go away completely. Merci, monsieur!

  14. Ed dit :

    I love the Sticky Ad Bar plugin! How can I have zero margins?

    http://www.schoollifetroy.com

    If you look at my site, I want to have no blue space around my ad.
    Merci,

    • BPG dit :

      Hi Ed

      It is probably your default css template that add some margins.
      You can play a trick like this:

      <p style=’padding: 0px 0px 0px 0px; width:100%;’>
      your add here
      </p>

      you can even put some negative values…
      <p style=’padding: -10px -10px -10px -10px; width:100%;’>
      your add here
      </p>

Laisser un commentaire