CINXE.COM

Banner Design Top Tips - Wiki

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex"> <!-- Google Verification Tag - 26/03/2024 ITOPS-11612 --> <meta name="google-site-verification" content="fwM6dGDsBxDav88DtFqz7IY4mYLMT6bBd2cf7ZUQrtw" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="generator" content="MediaWiki 1.14.0" /> <meta name="keywords" content="Banner Design Top Tips,Jargon Buster" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="Wiki (en)" /> <link title="Creative Commons" type="application/rdf+xml" href="/index.php?title=Banner_Design_Top_Tips&amp;action=creativecommons" rel="meta" /> <link rel="copyright" href="http://www.awin.com/" /> <link rel="alternate" type="application/rss+xml" title="Wiki RSS Feed" href="http://wiki.awin.com/index.php?title=Special:RecentChanges&amp;feed=rss" /> <link rel="alternate" type="application/atom+xml" title="Wiki Atom Feed" href="http://wiki.awin.com/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Banner Design Top Tips - Wiki</title> <link rel="stylesheet" href="/skins/common/shared.css?195" type="text/css" media="screen" /> <link rel="stylesheet" href="/skins/common/commonPrint.css?195" type="text/css" media="print" /> <link rel="stylesheet" href="/skins/awin/main.css?195" type="text/css" media="screen" /> <!--[if lt IE 5.5000]><link rel="stylesheet" href="/skins/awin/IE50Fixes.css?195" type="text/css" media="screen" /><![endif]--> <!--[if IE 5.5000]><link rel="stylesheet" href="/skins/awin/IE55Fixes.css?195" type="text/css" media="screen" /><![endif]--> <!--[if IE 6]><link rel="stylesheet" href="/skins/awin/IE60Fixes.css?195" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="/skins/awin/IE70Fixes.css?195" type="text/css" media="screen" /><![endif]--> <link rel="stylesheet" href="/index.php?title=MediaWiki:Common.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000" type="text/css" /> <link rel="stylesheet" href="/index.php?title=MediaWiki:Print.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000" type="text/css" media="print" /> <link rel="stylesheet" href="/index.php?title=MediaWiki:Awin.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000" type="text/css" /> <link rel="stylesheet" href="/index.php?title=-&amp;action=raw&amp;maxage=18000&amp;gen=css" type="text/css" /> <!--[if lt IE 7]><script type="text/javascript" src="/skins/common/IEFixes.js?195"></script> <meta http-equiv="imagetoolbar" content="no" /><![endif]--> <script type= "text/javascript">/*<![CDATA[*/ var skin = "awin"; var stylepath = "/skins"; var wgArticlePath = "/index.php/$1"; var wgScriptPath = ""; var wgScript = "/index.php"; var wgVariantArticlePath = false; var wgActionPaths = {}; var wgServer = "http://wiki.awin.com"; var wgCanonicalNamespace = ""; var wgCanonicalSpecialPageName = false; var wgNamespaceNumber = 0; var wgPageName = "Banner_Design_Top_Tips"; var wgTitle = "Banner Design Top Tips"; var wgAction = "view"; var wgArticleId = "2385"; var wgIsArticle = true; var wgUserName = null; var wgUserGroups = null; var wgUserLanguage = "en"; var wgContentLanguage = "en"; var wgBreakFrames = false; var wgCurRevisionId = "49521"; var wgVersion = "1.14.0"; var wgEnableAPI = true; var wgEnableWriteAPI = true; var wgSeparatorTransformTable = ["", ""]; var wgDigitTransformTable = ["", ""]; var wgRestrictionEdit = []; var wgRestrictionMove = []; /*]]>*/</script> <script type="text/javascript" src="/skins/common/wikibits.js?195"><!-- wikibits js --></script> <!-- Head Scripts --> <link type="text/css" href="/skins/awin/eprivacy.css" rel="stylesheet"/> <script type="text/javascript" src="/skins/common/ajax.js?195"></script> <script type="text/javascript" src="/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=awin"><!-- site js --></script> </head> <body class="mediawiki ltr ns-0 ns-subject page-Banner_Design_Top_Tips skin-awin"> <!-- adding AWin style background and header --> <div id="container"> <div id="header"> <div class="portlet" id="p-personal"> <!--<h5>Personal tools</h5>--> <div class="pBody" id="user-menu"> <ul> <li> <ul class="children"> <li id="pt-login" > <a href="/index.php?title=Special:UserLogin&amp;returnto=Banner_Design_Top_Tips" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" > Log in </a> </li> </ul> </li> </ul> </div> </div> <div id="header_logo"> <a href="/"><img src="/skins/awin/awwiki_logo.png" alt="AWIN | Wiki" title="AWIN | Wiki" /></a> </div> </div> <!-- end header --> <div id="globalWrapper"> <div id="column-one"> <!--<div class="portlet" id="p-logo"> <a style="background-image: url(<//?php $this->text('logopath') ?>);" href="<//?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href'])?>"></a> </div>--> <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script> <div id="p-search" class="portlet"> <div id="searchBody" class="pBody"> <!--h5><label for="searchInput"><//?php $this->msg('search') ?></label></h5--> <form action="/index.php/Special:Search" id="searchform"> <input id="searchInput" name="search" type="text" placeholder='search' title="Search Wiki [f]" accesskey="f" value="" /> <!--<input type='image' src='/skins/awin/go.gif' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />--> <input type='image' src='/skins/awin/images/magnifying_glass.png' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> </form> </div> </div> <div class='generated-sidebar portlet' id='p-Navigation'> <div class='pBody'> <h5>Navigation</h5> <ul> <li id="n-Advertiser"><a href="/index.php/FAQ_Advertiser">Advertiser</a></li> <li id="n-Interface"><a href="/index.php/Interface">Interface</a></li> <li id="n-Jargon-Buster"><a href="/index.php/Jargon_Buster">Jargon Buster</a></li> <li id="n-Publisher"><a href="/index.php/FAQ_Publisher">Publisher</a></li> <li id="n-Staff"><a href="/index.php/Staff:Employee_Knowledge_Center">Staff</a></li> </ul> </div> </div> <div class='generated-sidebar portlet' id='p-Assistance'> <div class='pBody'> <h5>Assistance</h5> <ul> <li id="n-Wiki-Help"><a href="/index.php/Wiki_FAQ_Wiki">Wiki Help</a></li> <li id="n-Wanted-Pages"><a href="/index.php/Wanted_Pages">Wanted Pages</a></li> </ul> </div> </div> <div class='generated-sidebar portlet' id='p-External_resources'> <div class='pBody'> <h5>External resources</h5> <ul> <li id="n-Interface-Login"><a href="http://ui.awin.com">Interface Login</a></li> <li id="n-Blog"><a href="https://www.awin.com/gb/news-and-events">Blog</a></li> <li id="n-Twitter"><a href="https://twitter.com/UK_Awin">Twitter</a></li> <li id="n-Facebook"><a href="https://www.facebook.com/awin/">Facebook</a></li> </ul> </div> </div> <div class="portlet" id="p-tb"> <div class="pBody"> <h5>tools</h5> <ul> <li id="t-whatlinkshere"><a href="/index.php/Special:WhatLinksHere/Banner_Design_Top_Tips" title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li> <li id="t-recentchangeslinked"><a href="/index.php/Special:RecentChangesLinked/Banner_Design_Top_Tips" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li> <li id="t-print"><a href="/index.php?title=Banner_Design_Top_Tips&amp;printable=yes" title="Printable version of this page [p]" accesskey="p">Printable version</a></li> <li id="t-permalink"><a href="/index.php?title=Banner_Design_Top_Tips&amp;oldid=49521" title="Permanent link to this version of the page">Permanent link</a></li> </ul> </div> </div> </div><!-- end of the left (by default at least) column --> <div id="column-content"> <div id="p-cactions" class="portlet"> <h5>Views</h5> <div class="pBody"> <ul> <li id="ca-nstab-main" class="selected"><a href="/index.php/Banner_Design_Top_Tips" title="View the content page [c]" accesskey="c">Page</a></li> <li id="ca-talk" class="new"><a href="/index.php?title=Talk:Banner_Design_Top_Tips&amp;action=edit&amp;redlink=1" title="Discussion about the content page [t]" accesskey="t">Discussion</a></li> <li id="ca-viewsource"><a href="/index.php?title=Banner_Design_Top_Tips&amp;action=edit" title="This page is protected.&#10;You can view its source [e]" accesskey="e">View source</a></li> <li id="ca-history"><a href="/index.php?title=Banner_Design_Top_Tips&amp;action=history" title="Past versions of this page [h]" accesskey="h">History</a></li> </ul> </div> </div> <div id="content"> <a name="top" id="top"></a> <h1 id="firstHeading" class="firstHeading">Banner Design Top Tips</h1> <div id="bodyContent"> <h3 id="siteSub">From Wiki</h3> <div id="contentSub"></div> <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div> <!-- start content --> <p><a href="/index.php/Jargon_Buster#Banners" title="Jargon Buster">Banners</a> are an important branding tool for advertisers. Strong banner creative can drive high click through and most importantly sales for your programme. Please note that we support GIF, JPG/JPEG and PNG files, or you can also create HTML5 Banners or Dynamic Banners. You can check out the recommended banner sizes here: </p><p><a href="https://www.iab.com/wp-content/uploads/2019/04/IABNewAdPortfolio_LW_FixedSizeSpec.pdf" class="external text" title="https://www.iab.com/wp-content/uploads/2019/04/IABNewAdPortfolio_LW_FixedSizeSpec.pdf" rel="nofollow" target="_blank">IAB Recommendations</a> </p><p><a href="https://support.google.com/adsense/answer/6002621?hl=en" class="external text" title="https://support.google.com/adsense/answer/6002621?hl=en" rel="nofollow" target="_blank">Google most performing banners</a> </p><p>We recommend you add at least two types of creative - one promotional and one generic. </p><p>When producing your banner creative there are 4 important areas of consideration: </p><p>• <b>File size</b>: We support files of maximum 500KB </p><p>• <b>Animation:</b> Animated banners can attract the eye a lot more than static banners do and tend to have higher click-through rates. Consider the speed of the animation once complete, it shouldn't be too fast so that it’s illegible or too slow that it’s painful to watch! </p><p>• <b>Ad Copy:</b> Always ensure you have good ad copy in your banner creative, lots of elaborate animation and images won't necessarily entice a potential customer to click, they will simply get the attention on the visitor. It is the actual text that will get users to visit your site. Try to emphasis the benefits, rather than features of your product or service. Tell people how your product will make their life easier. Keep your wording short and concise. </p><p>• <b>Call to Action:</b> Having a clear call to action can help to improve the CTR (click through rate) of a banner. Using a instruction such as "click here" or "sign up now". </p> <!-- NewPP limit report Preprocessor node count: 1/1000000 Post-expand include size: 0/2097152 bytes Template argument size: 0/2097152 bytes Expensive parser function count: 0/100 --> <!-- Saved in parser cache with key wiki-sw_:pcache:idhash:2385-0!1!0!!en!2!edit=0 and timestamp 20241123183146 --> <div class="printfooter"> Retrieved from "<a href="http://wiki.awin.com/index.php/Banner_Design_Top_Tips">http://wiki.awin.com/index.php/Banner_Design_Top_Tips</a>"</div> <!-- end content --> <div class="visualClear"></div> </div> </div> </div> <div class="visualClear"></div> <div id="footer"> <!-- <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" /></a></div> <div id="f-copyrightico"><a href="http://www.awin.com/"><img src="/skins/common/images/gnu-fdl.png" alt='AWIN' /></a></div>--> <ul id="f-list"> | <li id="privacy"><a href="https://www.awin.com/gb/privacy" class="external " title="https://www.awin.com/gb/privacy">Privacy Policy</a></li> | <li id="agreement"><a href="http://darwin.affiliatewindow.com/legal-docs/user-agreement" class="external " title="http://darwin.affiliatewindow.com/legal-docs/user-agreement">User Agreement</a></li> | <li id="copyright">&copy; 2024 <a href="http://www.awin.com/" class="external " title="http://www.awin.com/">AWIN</a></li> </ul> </div> <div id="eprivacy"> <div id="section"> <h2>Privacy</h2> <p>Due to new European legislation regarding how websites store information about you, AWIN is updating its privacy policy. You can see the new version of our policy <a href="https://www.awin.com/gb/privacy">here</a>. If you would like to see the information we capture on this website, please click <a href="http://blog.affiliatewindow.com/wp-content/uploads/2012/05/AFFILIATE-WINDOW-COOKIES-WEBSITE-INTERFACE-WIKI-COOKIES.pdf">here</a> for further details. In order to accept cookies on this site please click the 'I ACCEPT' button</p> <button>I ACCEPT</button> </div> </div> </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/skins/common/eprivacy.js"></script> <script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script> <!-- Served in 0.115 secs. --> </div> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10