Internet marketing resources, ecommerce web site design tutorials and  just for fun - free cell phone ringtones!
  Taming the Beast - quality web marketing and ecommerce development services

Free hover ad generator

Posted by Michael Bloch in web marketing (Sunday September 24, 2006 )

There’s no doubt that popup ads are still a very effective marketing tool for many site owners, but the proliferation of popup blocker use in recent years has meant that other strategies needed to be found in order to get these ads viewable by site visitors.

Enter the hover ad.

A hover ad is a popup created from DHTML code, which is a mix of HTML and Javascript. The ad itself is a part of the page coding, hidden until an event occurs that triggers its display; for example, hover ads can be triggered after a visitor is on the page for a certain length of time. As the code is embedded in the page, popup blockers cannot block the display.

Even so, do bear in mind that popups aren’t everyone’s favorite aspect of surfing the web, so they should be implemented carefully. Like any good marketing tool, it can be a weapon, and like any weapon, it can work against you :). Still, used wisely, they can do great things for your business such as boosting your newsletter subscriptions and generating more conversions when promoting special offers.

Hover ads are far more versatile and elegant than their predecessors and given that I’ve been using them successfully for a while, I’d thought I’d publish up a free hover ad generator for other Taming the Beast site visitors to use.

The new hover ad generator on Taming the is very easy to work with and offers a great set of features, including:

– Setting time for triggering hover ad display
– Option for automatically closing the hover ad
– Special effects such as sliding in, up or down
– Set display frequency
– Title bar and border options
– Target screen co-ordinates

The hover ads created by the generator are compatible with IE 5.5+ and Firefox. I’m not sure about other browsers as yet.

Enjoy! If you have any problems with using the hover ad generator, experience any bugs, or would like to provide some feedback, please post your thoughts below :).

Related tools:

Free tell a friend script
Social bookmarking link generator


29 comments for Free hover ad generator
  1. I must thank you for providing such a wonderful useful script, been search around the net for this free hover ad generator for agees.

    Comment by kenny — November 2, 2006 @ 12:46 pm

  2. Hi Kenny, glad you found it the hover ad generator useful. By the way, nice artwork on your site! :)

    Comment by Michael Bloch — November 2, 2006 @ 2:31 pm

  3. Thanks for a great hover ad generator! I discovered it several weeks ago and just made use of it.

    I was wondering if there was any way to stop the automatic scrolling of the ad when the page is scrolled.

    Thanks, again!

    Comment by Dan — January 17, 2007 @ 2:47 pm

  4. Thanks for the feedback Dan and it’s a good question you asked. Let me check into it and I’ll get back to you :).

    Comment by Michael Bloch — January 19, 2007 @ 6:32 am

  5. My hover ad looks great in IE, but in firefox, it drops in BEHIND the content and looks awful and can’t be closed.

    How can I “teach” it to drop in on top of the content in BOTH browsers?

    View it here:


    Comment by Tom Dunn — January 26, 2007 @ 12:10 pm

  6. Hi Tom, I think the issue is that you have a stack of z-index values in the stylesheet for that page. The z-index property sets the stack order of an element. As all the other elements on your page have z-index values, but the popup doesn’t; that’s causing FireFox to display the box behind the page.

    In the popup code; immediately after


    add this in:


    … give that a whirl, it should work.

    Comment by Michael Bloch — January 27, 2007 @ 1:14 am

  7. Michael, this script is amazing. I was searching the web for something like this for my website.

    However. There’s one problem that keeps me from using it – I wonder if you know how to work around this! When I share it in the header of my site, it shows up on all my pages that have that header. So when navigating the site it gets annoying.

    I’ve never figured out how to stop this behaviour with this or another software I tried.

    You see, it’s good for one landing page, but since my site has many landing pages, I need to share it in the header.

    Can I force it to only show once, nonetheless?

    Thank you! :)

    Raphael Neff

    Comment by Raphael — February 3, 2007 @ 12:35 am

  8. Hi Raphael, I’m not sure if I understand the problem correctly, but I take it that you mean the popup is occurring each time you view a page?

    If that’s the case, you can set the “Hover ad display frequency” option to x days, that way it should only pop once during that period.

    Comment by Michael Bloch — February 3, 2007 @ 4:16 am

  9. Hi Michael, That’s close, but I used that feature the first time and all it did was prevent it from reshowing on that particular page, but didn’t solve the problem I have. When I navigate from page to page it reappears on each page. Say you have Page 1 through 100 and you share the Javascript in the header, when someone views any one of those pages, it will reappear each first visit per page and that would be annoying.

    Do you understand my question now?

    Thank you,


    Comment by Raphael — February 4, 2007 @ 12:42 am

  10. Hi Raphael.. that is really odd – it shouldn’t be behaving like that; once the cookie is set, then the pop shouldn’t appear on any other page until the cookie expires. Out of curiousity, do you have cookies disabled in your browser or very high security settings relating to cookies?

    Comment by Michael Bloch — February 6, 2007 @ 1:06 am

  11. HI,

    I love your script but am looking at one problem.

    I installed the script and uploaded it to my server. When I open my site in Internet Explorer, it works perfectly and my site lookes like it should. But when I open the site in FireFox, the popup doesn’t come and all the code of the script is shown at the bottom of the page.

    Do you know how to solve this problem?

    Thanks & Regards,
    René Prins

    Comment by Rene Prins — August 17, 2007 @ 11:49 am

  12. Hi Rene, try inserting the code just above your closing body tag – at present you have it below it. If that doesn’t fix the problem, let me know and I’ll dig around some more.

    Comment by Michael Bloch — August 18, 2007 @ 1:00 am

  13. Hi Michael,

    I put the code above but it didn’t solve the problem unfortunately.

    Thanks for your answer and I hope you can find a solutioon.

    Thanks & Regards,
    Rene Prins

    Comment by Rene Prins — August 21, 2007 @ 4:54 am

  14. Rene, I’ll try to take a closer look in the next 24 hours.

    Comment by Michael Bloch — August 22, 2007 @ 5:33 am

  15. hi there! I just wanted to thank you for this great code! I started using it on my homepage and so far I love it! works for me in both IE and Firefox too!

    thank you!

    Comment by claudine hellmuth — September 1, 2007 @ 11:14 pm

  16. Hi Claudine, thanks for the kind feedback – I love the way you’ve implemented the hover ad on your site!

    Comment by Michael Bloch — September 2, 2007 @ 12:55 am

  17. I’d like to create an opt in hover ad and link your hover ad generator to an autoresponder which I created using Interspire, but I haven’t been able to find a field on your generator where to do that.

    Comment by Bee — September 3, 2007 @ 6:25 am

  18. Hi Bee,

    I use Interspire’s SendStudio in conjunction with the hover ad I use on Taming the What you do is to create the HTML code containing the subscription form first, then paste that code into the generator section that says “Enter the HTML code for the body content of your popup hover ad..etc”.

    Comment by Michael Bloch — September 5, 2007 @ 6:07 am

  19. Hi Tom,
    Great script! I find it works perfectly in IE. However, in FF it hangs up in the left corner. Any idea how I can correct that?

    Comment by George — September 5, 2007 @ 7:54 pm

  20. Thanks I got that now, but my site is using CSS and the body tags are determined by the style sheets. Where would I insert the code, at the moment it either shows the code above or below the site.


    Comment by Bee — September 7, 2007 @ 6:00 pm

  21. Hi George – hrm.. that’s a tricky one – I’m not exactly sure why it’s doing that. I took your code and pasted it into a new page and it displayed correctly in FireFox, but I was able to reproduce the issue viewing it on your site – so it seems it’s conflicting with something else on your page. This is just a guess, but try pasting the code just above the closing body tag and see if that makes a difference.

    Comment by Michael Bloch — September 8, 2007 @ 5:02 pm

  22. Bee, can you point me to an example page on your site where I can see what’s happening.

    Comment by Michael Bloch — September 8, 2007 @ 5:03 pm

  23. Thanks, I have managed to do it now, it was my mistake I hadn’t deleted the script around the form.

    Now I’d like it to look pretty and will take some inspiration from Claudine.

    Comment by Bee — September 11, 2007 @ 10:37 am

  24. Thanks Micheal for this so helpful script but I’m having the same problem as George.

    I’ve tried it on 2 sites that are using css and on both sites, in IE it’s working perfectly but in FF, which I now use all the time, it only shows up in the left top corner, doesn’t slide in or out, just appears there, even though I have it to slide in from the top right.
    I have it set up on this testing page
    Hope you can find a way around it because I really love this script.
    Thanks again Michael

    Comment by Lise — September 16, 2007 @ 8:23 pm

  25. Hi Michael,

    Your script is very much appreciated. I’ve implemented it on our homepage. I removed the text and just have 1 picture to popup. Only one thing I want to add: a link to the specific location of what is advertised in the popup. Can you help me with that?


    Comment by Frank — September 17, 2007 @ 7:35 am

  26. Hi Lise, I’ve had no luck at tracking that problem down – I’ll keep poking around.

    Hi Frank, you’ll need to regenerate the code and use something like this in the html section of the code generator:

    <a href="" rel="nofollow"><img border="0" src="" width="687" height="289"/></a>

    … change “” to the URL of the page you wish people to end up on after they click the image.

    Comment by Michael Bloch — September 20, 2007 @ 3:36 am

  27. GREAT!! Took a bit, had to add the extra script, and after a multitude of trial and error runs with our WYSIWYG program, we tried “one more time” with another method. The pure delight of seeing our ad slide across! Yeaaah!

    So, chalk us up to over 4 hours researching other programs, the trials of the other guys systems, and finally, a straightforward site with a direct solution.

    Thank you again,

    Bill Potter

    Comment by William G. Potter — October 3, 2007 @ 9:07 pm

  28. Hey Bill, glad you’ve found it useful!

    Comment by Michael Bloch — October 4, 2007 @ 3:26 am

  29. Is there a way to make this a popUNDER ad (when exit the page)?

    Comment by aiden — January 3, 2008 @ 4:31 pm

Sorry, the comment form is closed at this time.