Help Center Manage Your Account Ad Tag
How can I combine multiple ads in the same placement?
For your convenience and better performance, you can display multiple ads in a zone using a single ad tag. Each ad is tracked separately for impressions, clicks and other ad metrics.Displaying a column of several ads
You can display a column or a grid of multiple ads from a single zone. Please follow the steps below to generate the ad tag for a zone with multiple ads. For example, displaying a column of four 250x250 ads.- Sign into your account, follow the menu Zones/ All
- Click on the Zone's name
- Click on the Ad Tag tab to generate the ad tag for this zone
- Select the Number of Ads you want to display
- Copy and paste this code into your web page where you want to display
To add space to the ads or align them to fit your website layout, you would use CSS to customize their styling. See section "CSS Styling" below for more information.
This approach is suitable if you want a grid, a column, or a row of ads. On the other hand, if you have ads on different areas of a page and they are not together in one area, you should use the single ad call approach instead.
Mixing ad dimensions and mixing banners with text-links
You can mix different ad dimensions (eg: two 120x300 ads or one 120x600 ad) or mix text link ads with image banner ads (eg: four text link ads or one 120x600 ad). Learn moreCSS Styling
You can change the look and feel of your ads to match your website's design or layout by changing the CSS properties. Each of the ad instance is within a DIV tag container. Each DIV container has a CSS class namedAdSpeed
. Additionally, text-link ads can have a different styling from display ads. Text ads use two CSS classes: AdSpeed
and AdSpeedText
.
For example:
<div class="AdSpeed">Ad One</div> <div class="AdSpeed">Ad Two</div> <div class="AdSpeed">Ad Three</div> <div class="AdSpeed AdSpeedText">Text Ad #1</div> <div class="AdSpeed AdSpeedText">Text Ad #2</div> <div class="AdSpeed AdSpeedText">Text Ad #3</div>
By default, the ads will be displayed vertically, top to bottom. You can change the CSS styling for the DIV class to display horizontally, multiple ads side by side, with float:left
. For example:
<style type="text/css">.AdSpeed {padding:3px;float:left;}</style> <script type="text/javascript" src="https://g.adspeed.net/ad..."></script>
Ad Spacing
If you for example want to display a vertical column of four 125x125 ads with some spacing between the ads, you can use this CSS rule:<head> ... <style type="text/css"> .AdSpeedWrapper {width:130px;} .AdSpeed {padding:3px;float:left;} </style> ... </head> ... <div class="AdSpeedWrapper"> <script type="text/javascript" src="https://g.adspeed.net/ad..."></script> </div>
Ad Grid
You can also use CSS float to setup an ad grid. For example, four 125x125 ads with two ads on each row can be displayed with:<head> ... <style type="text/css"> .AdSpeedWrapper {width:270px;} .AdSpeed {padding:3px;float:left;} </style> ... </head> ... <div class="AdSpeedWrapper"> <script type="text/javascript" src="https://g.adspeed.net/ad..."></script> </div>
Other Articles in Ad Tag
This section describes the ad tag (serving code) with basic and advanced settings. It includes common ad serving setup instructions and answers frequently asked questions when integrating the ad tag into your site, blog or app.
- Accelerated Mobile Pages Project - AMP Ad Tag
- Can I have ads refresh automatically without a page reload?
- How can I avoid document.write warning in Chrome?
- How can I avoid duplicate ads on the same page?
- How can I defer ads until after the page has finished loading?
- How can I display an ad only when it is visible on screen?
- How can I measure ad viewability?
- How can I mix ad dimensions or mix banners with text-link ads?
- How can I put ads into my blog/website?
- How can I serve multiple ad dimensions in the same place?
- How can I serve multiple zones with a single server request?
- How can I support click tracking for external ad servers?
- How can I turn off ad serving error messages?
- How do I add current timestamp into the serving code?
- How do I display mobile ads using Android WebView?
- How do I display mobile ads using Apple iOS WKWebView?
- How do I integrate AdSpeed mobile ad serving API?
- How do I make ads responsive on mobile devices?
- How do I pass custom data and variables into the ad?
- How do I set up advertising on WordPress?
- How do I setup a companion ad in video ad serving?
- How do I setup a passback ad tag?
- How do I switch to secure SSL/https ad serving?
- Should I use protocol-relative URLs in ad tags?
- What are custom ad serving settings and variables?
- What are different formats of serving code?
- What are different types of ad tag?
- What are the effects of ad blocking software?
- What is the pop-up and pop-under ad tag?
- What is the serving code or ad tag?
- What is WMODE for SWF ads? How can I change it?
- Where is the publisher-side file for iframe busting?
- Why doesn't the provided HTML serving code work?
Cannot find an answer for your question? Ask our Customer Care team
Related
- Campaign
"Documentation for API methods to manage your campaigns in our ad server. API Version1.4.6 (build 20240530). This page was updated ..."
- Website
"Documentation for API methods to manage one or multiple websites. API Version1.4.6 (build 20240530). This page was updated on Tue, ..."
- Composite Ad
"A composite ad is made up of other ads. This ad type is useful for a big ad widget that ..."
in Ad Gallery - How can I serve multiple zones with a single server request?
"This method is highly recommended if you have 3 or more ad placements on a page. It combines all ad ..."
- Text Link Ads
"Publishers can serve text ads with just a few simple steps. When creating a new ad, choose the ad type ..."