Welcome to VendorDB’s 101 series designed to quickly bring you up to speed on the essentials.

Our lead off topic is web banners brought to you by Candy Banners!

header

This post will cover:

Common Terms
Making Better Banners
Best Practices

Common Terms

Ad Banner

An ad banner is a digital ad that is embedded on a website or other device with the purpose of attracting visitor engagement.

Dynamic Banner

A live banner is a banner ad which is created dynamically (or whose content is created dynamically) at the time of display, instead of being pre-programmed with fixed content.

Ad Server

The ad server is where the banner will be hosted. Ad servers help with delivering the banner to their appropriate target space such as a website or app. Although varying in services from one to the next most ad servers also help with management of the banners campaign and analytics.

Ad Trafficking

Ad trafficking refers to the process of setting up an ad campaign. Its spearheaded by the ad trafficker on the ad server who monitors the campaign and provides status on your media buy throughout the process.

Impressions

Every time an ad is pulled from the server and loaded to be viewed by a user, that’s counted as an impression.

CTR (Click-Through Rate)

ctr

The Click through rate is used to measure ad success. You get the clickthrough rate by dividing the number of clicks by the number impressions.

For example, if you had 100 clicks and 1000 impressions, then your CTR would be 10.0%. Here’s how it’s calculated:

CPI (Cost per Impression) / CPM (Cost per Thousand Impressions)

Cost per thousand impressions.

Standard vs. Rich Media

standard_vs_rm

Another common question we hear is what’s the difference between a standard banner and rich-media? To break it down simply: 

Standard

Low in file size, more limited animation or even static

A single interaction of a ‘click’ to exit the banner

Ex. 300×250

Rich

Heavier file size, more sophisticated user-interaction, using video or advanced code

Ex. Youtube Masthead

Big Box, Leaderboard, Sky Scraper

Banners come in all shapes and sizes, however a few are more common than others. As the web, devices, and user interaction mediums evolve, banners will continue to adjust accordingly but these are three terms you will hear often. 

Desktop:

300×250 (Big Box)

728×90 (Leaderboard)

160×600 (Skyscraper)

Specifications (Specs)

Before development begins, the developer needs to know what the specifications of the banners are. Specs include but are not limited to: format, file size, dimensions, click tags, ad server, duration of banner.

Flash

flash

Flash banners are for the most part dead. Most modern browsers no longer support them.

Making Better Banners

It’s no secret, people don’t like ads. Recent data indicates ads have a user clickthrough of only 0.17%! That’s less than 2 people per 1000 impressions. So how do we make them better? Ads can be effective. Marketing strategy and proper execution are vital to distancing yourself from industry standards.

Strategically

The digital world is moving towards being fully personalized for its users. One way to improve conversion is through dynamic banners. Statistically they have a 2 – 4x higher click through than a traditional unit. 

Creatively

When coming up with your creative concepts, keep the following in mind:

1. Banner ads should be compelling, they should catch your eye with attractive animation, use of typography, colors and clear copy to make them stand apart.

2. A user’s attention to a banner will be brief. You have only a moment to catch their attention so make sure your message is concise. 

3. Clarity is the key. Make sure your message is to the point and simple. Avoid promoting too many products or ideas.

Best Practices

good_bad_design

Optimizing your banner process will be the difference between silky smooth production and a hellish inferno of banner rage. 

Here’s a quick checklist of items the developer will need

  • Working files (photoshop / illustrator / inDesign)
  • Fonts
  • Logo Assets (vector if possible)
  • Click-through URL (Wheres your banner clicking out to?)
  • Ad-Server specifications

Build with clean code!

There are a lot of tools out there to help build banners like Google Web Designer, Adobe Edge etc. At the end of the day though the best banners are hand-coded. The ad landscape is too vast for any one-stop tool to work well with all publishers, ad servers etc. What might seem like a time-save at the beginning has the risk to come back and haunt you when your banners aren’t compatible and need to be re-built. Coding from scratch offers the biggest creative flexibility for your clients, build clean!

Approve ONE banner

One of the best practices we recommend is to build a single size of a unit and then have that unit approved by all parties. Re-visiting multiple creatives with revisions later can be time consuming. By having creative direction locked on a single unit makes the entire process much easier down the road.

Specify Where to Test Your First Banner

The same applies to QA. For the approval process we advise that the browser, browser version and device  are agreed upon before getting started. By being clear on what the specs are on the first banner helps speed up the approval process. A full QA should typically occur towards the end of the process before delivery.

Clean & Prepared Assets

Make sure the designer creating the banner assets delivers them in photoshop or illustrator. All files should be properly layered & named. Our personal favorite are ‘layer comps’ as a way to organize your PSD for the animation sequence.

In Conclusion

Ad banners have always and will continue to maintain a large presence in the digital world. Thanks to the continuous technical pushes in the realm of code they have the ability to be even more effective for your user engagement. Using clean code, creativity, strategy and applying best practice during the development process, banners can be less of a headache and drive more positive results for you and your clients. Happy coding!

Need help making your first banner?  Reach out to Candy Banners or search VendorDB.

Would you like to suggest the next 101 topic?  Email: hello@vendorDB.com