Create multiple 125 x 125 Image Ads for your blog using Google Ad Manager

Untitled I just finished setting up my ads for this blog using Google Ad Manager. Its very simple, and I would like to share this with my readers.

First you need to activate your Google Ad Manager Account, every Google Adsense account has Google Ad Manager enabled by default now, so just login to your Ad Manager Account.

Create Your Ad Slots

Suppose your are planning to to display 4 125 x 125 px image ads, you need to create 4 Ad-slots. For this you need to go to the inventory tab of your Ad Manager and click on “Create New Ad Slot”. Give a name like I have given the name “Asokans_125×125_1” for my first Ad Slot. You can give any name which is meaningful. Please note that there should not be any space in the Ad Slot name. Next select the size as 125 x 125 , next you should uncheck the Adsense Ads. You should also enter a description for the Ad Slot.

AdSlots-Admanager

Follow the same procedure and create another 3 Ad Slots in the similar way, namely, Asokans_125×125_1Asokans_125×125_2, Asokans_125×125_3, Asokans_125×125_4 with the same settings, except the description.

Now you need to create the Ad Placement for these Ad Slots

Create Placements

Now go to the placement tab and click on New Placement. Enter a name for the placement, like Image_125×125. Make sure that you add all the 4 Ad Slots to this placement.

Now are done with the Ad slots and the placement for the multiple ad widget. Next you need to create the order for these Ad Slots.

Create Order for Ad Placement

Click on new network order and enter the details like the name. You can set the delivery time to unlimited and the price also to unlimited. Now you need to select the placement that you have created to this order. You can also set targeting conditions for the order. Next you need to save the order and activate it.

Create Creatives for your Orders

Next step is to create creatives for the order. Creatives are the real advertisements where we either enter the rich media code or the image url and the final destination url. Click on the creatives links and enter a name for the creative. You can enter the ad name, the size, and the ad type needs to be selected and saved. In this way you can create un-limited creatives for your order. Now you are almost done. Make sure that you create at-least 4 creatives.

Generate HTML Code

Final step to be done with the Google Ad Manager is to generate the code. Go to Inventory->Ad Slots and click on the Generate HTML code. You need to select all the 4 Ad Slots and click on the Generate code button. Now you have the code ready to be inserted to your web page.

The first part is the code which needs to be inserted inside the <head> tag.

<!-- PUT THIS TAG IN THE head SECTION -->
<script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
</script>
<script type="text/javascript">
  GS_googleAddAdSenseService("ca-pub-8573782302712174");
  GS_googleEnableAllServices();
</script>
<script type="text/javascript">
  GA_googleAddSlot("ca-pub-8573782302712174", "Asokans_125x125_1");
  GA_googleAddSlot("ca-pub-8573782302712174", "Asokans_125x125_2");
  GA_googleAddSlot("ca-pub-8573782302712174", "Asokans_125x125_3");
  GA_googleAddSlot("ca-pub-8573782302712174", "Asokans_125x125_4");
</script>
<script type="text/javascript">
  GA_googleFetchAds();
</script>

Next you need to insert the code, which needs to at the place where you want to display the widget, which is probably the sidebar. You can open the sidebar.php file of your wordpress template and insert this code.

You need to add this CSS style to your template style sheet.

.ga-zone-position {
    position: relative;
    margin: auto;
}
.ga-img-border {
    border: 2px solid #C0C0C0;
    text-align: center;
}
 
.ga-img-border, .ga-img-border img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

Now you need to insert the code to the location in the sidebar where you need to display your Ads

<div style="padding: 3px; border:solid #CACACA  1px;font-size:9px;">
    <div class="ga-zone-position" style="width: 260px; height: 265px;">
        <div class="ga-img-border" style="width: 125px; height: 125px; position: absolute; top: 0px; left: 0px;">
        <script type="text/javascript">
        GA_googleFillSlot("Asokans_125x125_1");
        </script>
        
        </div>
        <div class="oio-img-border" style="width: 125px; height: 125px; position: absolute; top: 0px; left: 135px;">
        <script type="text/javascript">
        GA_googleFillSlot("Asokans_125x125_2");
        </script>
        </div>
        <div class="oio-img-border" style="width: 125px; height: 125px; position: absolute; top: 135px; left: 0px;">
        <script type="text/javascript">
          GA_googleFillSlot("Asokans_125x125_3");
        </script>
        </div>
        <div class="oio-img-border" style="width: 125px; height: 125px; position: absolute; top: 135px; left: 135px;">
        <script type="text/javascript">
          GA_googleFillSlot("Asokans_125x125_4");
        </script>
        </div>         
    </div>
    <a href="http://kisaso.com/advertise/">Advertize Here</a>
</div>

You are done. You may need to wait for sometime for the ads to start serving.


Do you have any question related to this post or you feel that there is something missing in this post, please post your comments, I will be more than happy to read it and reply to it. If you like this post, you can get my future posts through RSS subscriptions or by email delivered in your Inbox. You can also follow me on Twitter.

Related Posts

One Comment

Sell your blog ad space through Technorati Engage | Asokans  on December 4th, 2008

[...] can sell image ads, text ads and button ads like the 125 x 125 ones which are very popular. The minimum payout using paypal account is US$ 50. I feel this could be a [...]

Leave a Comment