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 more

CSS 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 named AdSpeed. 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>
Print Was this helpful? Yes / No

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.

Cannot find an answer for your question? Ask our Customer Care team

Related