Help Center Ad Gallery

Composite Ad

A composite ad is made up of other ads. This ad type is useful for a big ad widget that displays smaller ads. These smaller ads can be changed frequently or be optimized for better results. You can have a widget ad made of multiple ad images and texts or a widget of multiple button ads. Ads with a similar look include a grid/table of clickable image/text and a grid/table of clickable buttons.

Demo

Below is one single widget ad that displays 8 smaller ads from another zone.

Setup

The code for this widget is similar to the grid/table of clickable image/text with some customizations.
  1. Create the smaller ads (see code below)
  2. Create a new zone and link these newly created ads to this zone
  3. Create the composite ad (see code below), its ad code will fetch multiple ads from another zone
In our example, all smaller ads share this template:
<a class="adlink" href="https://example.com/landing.page">
 <img src="https://www.adspeed.com/placeholder-300x250-AdImageOne.gif" alt="Image One" title="Image One" height="250" width="300" />
 <div>1st Ad Slot</div>
</a>
Then the widget ad displays each of these 8 ads in its own slot/spot:
<!-- Step 1: Get 8 ads from another zone -->
<script type="text/javascript" src="//g.adspeed.net/ad.php?do=js&zids=1234x8&oid=XXXX&wd=-1&ht=-1&target=_blank"></script>

<!-- Step 2: Display 8 ads in a grid/table -->
<div class="adcontainer">
  <div class="adrow">
    <div class="adcol">
      <script type="text/javascript">AdSpeed_display(1234,0);</script>
      <script type="text/javascript">AdSpeed_display(1234,1);</script>
    </div>
    <div class="adcol">
      <script type="text/javascript">AdSpeed_display(1234,2);</script>
      <script type="text/javascript">AdSpeed_display(1234,3);</script>
    </div>

    <div class="adcol">
      <script type="text/javascript">AdSpeed_display(1234,4);</script>
      <script type="text/javascript">AdSpeed_display(1234,5);</script>
    </div>

    <div class="adcol">
      <script type="text/javascript">AdSpeed_display(1234,6);</script>
      <script type="text/javascript">AdSpeed_display(1234,7);</script>
    </div>
  </div>
</div>
Print Was this helpful? Yes / No

Other Articles in Ad Gallery

This section provides demo, sample and instructions for the most common and popular ad creative templates. Click on a template link to view the description, demo and instructions to create in the ad server, customize it to suite your purpose and integrate the ad with your platform.

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

Related