Size Mapping for Responsive Ads Using Ad Manager Tag Generator & Tester

Size Mapping for Responsive Ads Using Ad Manager Tag Generator & Tester

“Responsive” means the ad unit adapts automatically with the device where it’s being served. For example, ad_top_atf serves as either a 970×90/728×90 ad unit on desktop, and transforms into a 300×250/320×50 on mobile. AdSense has this option when choosing the Ad Unit size and they call it “responsive” size. If you use Google Ad Manager tags and would like to do the same, you may opt to do Size Mapping.

Black Friday Special: Get 30% off Advanced Ads by using the coupon code “BFCM2020”. Valid 26-30 November 2020.  Click Here To Get The Discount!

Google Ad Manager can handle the responsive behavior of the ad units by the use of Size Mapping. This gives publishers assurance that only appropriate sizes can be served depending on the device a visitor is using. In the old times, we used to insert codes manually which is prone to a lot of human errors, just to run Size Mapping for responsive ads. Now, with the use of Ad Manager Tag Generator & Tester, you just fill in the values and the tool takes care of generating the codes for you.

Let’s look at how to set it up below:

Part 1

Step 1: Set the viewport minimum widths (in pixels) you will follow. Example:

Device Minimum Width
Desktop 992 px
Tablet 768 px
Mobile 320 px
Other 0 px

Step 2: Decide on how many Size Maps you need. Depending on your site layout, you can set one Size Map that can be applied to multiple locations or spots. Here’s an example:

(top)

mapping 1:

992×0 – 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

(sidebar)

mapping 2:

992×0 – 300×600, 300×250, 336×280, 160×600, 1×1

768×0 – 300×250, 336×280, 160×600, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

(mid-content)

mapping 3:

992×0 – 728×250, 728×90, 468×60, 300×250, 336×280, 1×1

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

Here’s what it means: take a look at mapping 1 (top).

  • If the device is at least 992px wide, regardless of the height, these are the sizes eligible to serve: 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1
  • If the device is at least 768px wide but less than 992px, regardless of the height, these are the sizes eligible to serve: 728×250, 728×90, 300×250, 336×280, 1×1
  • If the device is at least 320px wide, but less than 768px, regardless of the height, these are the sizes eligible to serve: 300×250, 320×50, 320×100, 1×1
  • For any device smaller than 320px wide, these are the sizes eligible to serve: 320×50, 1×1

We are setting up another Size Map for the sidebar and middle because there are certain sizes inappropriate to serve on those spots. For example, you can’t serve a 300×600 in the middle of the page and can’t do 728×90 on the sidebar. Therefore, you need to declare which sizes are appropriate.

Feel free to create as many Size Maps as necessary. You can also re-use the same Size Map for multiple ad units, where applicable. For example, you run three different ad units mid-content, you can assign the same Size Map for those three ad slots so they follow the same set of rules.

Part 2

#1 – Configure your Ad Units in Google Ad Manager (GAM)

#2 – Log in to https://dfpgpt.appspot.com/

#3 – Insert your GAM network ID

tag settings

#4 – Turn on Advanced Options

custom targeting

#5 – Turn on Size Mapping (Responsive Design)

size mapping

#6 – Add the minimum viewport size and the corresponding eligible sizes, based on the Size Maps you have prepared.

Google Ad Manager tag generator

#7 – Repeat for the rest of the Size Maps

ad sizes

#8 – Add the ad units and corresponding ad sizes as configured in Google Ad Manager.

ad slot settings

#9 – Select the Size Mapping that will apply to each Ad Unit

Choose ad unit

#10 – Repeat for the rest of the Ad Units and click Generate Tags

generate tags

Deploy the Header tag to the <head> section of your site’s HTML, and the Body tags into the <body> section. If on WordPress, you can use the Ad Inserter plugin or Advanced Ads plugin to implement the tags.

Take note that Size Mapping is not the only option to make ad units responsive. If it is not the route you want to take but still would like to run responsive ads, you can do so by Line Item targeting.

Conclusion

Still struggling with Size Mapping? How about ad optimization? Are you reaching the ad revenue levels you want? MonetizeMore has a way for you to fast track your ad optimization skills and it’s called PubGuru University! With PubGuru University, we provide you with over the shoulder training on Google AdSense, Ad Exchange, and Google Ad Manager to help you become an ad ops guru in no time!

In fact, for a limited time, you can get access to our School Of AdSense, Ad Exchange, and Google Ad Manager courses for only $199! Join PubGuru University today!

Kean Graham

CEO and Founder at MonetizeMore

Kean is the resident expert in Ad Optimization covering areas like AdSense Optimization, DFP Management, and third-party ad network partnerships. Kean believes in the supremacy of direct publisher deals and holistic optimization as keys to effective and consistent ad revenue increases.

Get our latest ad optimization tips delivered to your inbox

Fill out my online form.

Submit a Comment

Your email address will not be published. Required fields are marked *