Basic HTML: Banners: Get Your Banner Out There

By Joe Burns

https://www.htmlgoodies.com/primers/ad_banners/article.php/3477851/Basic-HTML-Banners-Get-Your-Banner-Out-There.htm (Back to article)

(with updates by editorial staff)

Use these to jump around or read it all
Get Your Banner Out There
Where On The Page
Keep Track of Visitors
Activate Banners

At this point, it's most likely that you haven't created your own banner. My guess is that you have done a re-creation of what I did for this series of primers. Maybe you simply took this design and changed a few words around. If that's the case, start again. In all honesty, this is not a stunning banner. It says nothing about the page you are going to visit. It doesn't have a whole lot of information on it and it's kind of dull. But it was a great example for teaching you the basics of banner creation.

Let me again state what I did in Banner Primer #1. Take some time. Think about what makes your site great. Think about what colors would be most eye-catching without blinding the viewer. Try to come up with something that would make someone stop and watch your banner instead of scrolling down the page they came to visit.
     In all honesty, your banner is a bit of an intrusion. Think of your banner like a television or radio commercial. You're sitting there watching your favorite show when all of a sudden the good show stops and you're expected to watch five or six 30-second commercials for any number of things.

I teach advertising. I know. People put commercials in a poor light... until they see a really good one. Then they wait for it to come on. One of the main attractions during the Super Bowl is the commercials. I actually used to wait to see who would win "Bud Bowl".
     So, don't just copy what I've done here. Take a day or two, or three, and think about your site. Make the banner that people will stop and watch. Don't just hand them the same old, same old.

Get Your Banner Out There

The purpose of the banner is to act as an advertisement for your site. It is to sit on pages other than your own. This banner is meant to bring people from other sites to your site. I think we can all agree on that. Now the question is, how do you get the banner on someone else's site? Here are a few methods:

Where To Put It On The Page

This is a good point of debate. The most popular placement is the top center, but I don't know that that's always the best place. You see, these things take time to load up, especially if they are animations.
     If the banner does not load quickly and the page has set aside all images with height and width commands, then all of the page's text comes in and a hole is left where your banner should be. Users will simply start scrolling downward without ever seeing the image. It will come in and if you're using a program to count the number of times the banner displays, a count will be made. But did the user really see the banner?

I offer these suggestions to get your banner seen as often as possible:

  • Go as small on the bytes as possible
         The lower the bytes, the faster the load.

  • Make the first image in the animation an eye grabber
         It might make then stay for the rest of it.

  • Try a placement lower on the page
         See the CNN Home Page for a lesson in this. I always wait to see the top story. By the time I read the headline and start scrolling, the smaller advertisements half-way down the page are up and ready for my viewing. Yes, there are banners across the top, but I wonder if the banners down the pages aren't the better buys. It's a great method of placement, but you have to have a page design that will stop people for a moment, then get them to scroll.

  • Try to get on more than one page on a site
         If you are only on the home page, and someone misses your banner, you're done. But if you are on three or four pages, then your banner is cached from its having been loaded on the home page. Now, when the user goes to the next page with your banner on it, you pop right up.

  • Be sure to use the ALT command
         If you don't know about the ALT command in images, read about it here. This command allows for the little yellow box that pops up when you roll your mouse over an image. But, in addition to the rollover, the ALT command places text in the boxes set aside by the height and width commands. So even if your image doesn't pop up, there will at least be some text there to catch some attention.

  • Be sure to use the height and width commands
         So there will be a box for the ALT text to pop up in.

  • Run your banner off of the server that is displaying the page
         This isn't always possible, but when you can, do it. It will lessen the number of possible problems and speed the display.

Keeping Track of Visitors

How do you do it? Good question. If you have your banners on five different sites, how do you know which sites are being good to you and which are not? The method is so simple and so good, I shook my head in amazement that I hadn't thought of it earlier.

Let's say you are advertising on three sites, A, B, and C. You have four home pages that are exactly the same. The first page is the original home page. This is the page you see if you come to the site through a Yahoo! search or by being given the address.
     The next three home pages should be labelled in accordance with the three pages you are advertising on. The advertising banners you are running on site A should all be pointed to a home page called indexa.html. All the advertising on site B should be pointed at a home page called indexb.html, and finally site C should have all of its advertising banners pointed to indexc.html. Put a counter on each page. Now you can keep a fairly straight record of which advertising is doing best for your site. Plus, you can see if the advertising is working at all. If the original index page is bringing in the most traffic, then you know the sites running your advertising ain't working.
     You will need to rely on the site you are buying advertising space on to provide you with simple information such as number of displays versus number of clicks. HTML Goodies has two seperate programs running to keep track of that data, but smaller sites might not be as well equipped.

Activating the Banner

Okay, you have a site that offered a price you can afford, or wants to trade with you. The site asks for the code to run your banner on their site. What do you send them?
     I would first suggest you set it up so that you can run your banner off of their site. If your banner is being run on their pages, from your server, there are a ton of things that can go wrong. But if you are running your banner on their pages, off of their server, there are still things that can go wrong, just not as many.

Don't get fancy with the code. Don't try to run an applet or any fancy image flip deals. Simple is easiest. Here's the basic code. I feel this is sufficient.

<A HREF="www.yoursite.com/yourpage.html">
<IMG SRC="banner.gif" BORDER="0" WIDTH="468" HEIGHT="60" ALT="Come to my page!">

But a lot of people like the onMouseOver look where text pops up in the status bar. I think it's a bit much and might cause problems, but here it is before you ask.

<A HREF="www.yoursite.com/yourpage.html" onMouseOver="window.status='TEXT IN STATUS BAR'; return true">
<IMG SRC="banner.gif" BORDER="0" WIDTH="468" HEIGHT="60" ALT="Come to my page!"></A>

Good Luck!

You now have the basics of banner creation and use. Is there more? Oh, yeah. Will PaintShop Pro do more than I showed you? Oh, yeah. But that's for you to find out on your own. You have the basics. Now go and make your site a banner.

Get Your Banner Out There
Where On The Page
Keep Track of Visitors
Activate Banners