---
title: "Google Ad Manager"
canonical: "https://docs.pbs.org/space/B3/4751639/Google%20Ad%20Manager"
format: markdown
---
> Macro (toc)
## Overview
The Google Ad Manager component is a feature that PBS uses to display sponsorship messages on websites. This component is designed to be flexible and provide sponsorship placement in specific areas of your webpage on desktop and mobile devices.
## Requirements
In order to use this component, you must have the following:
- Ad tags from your Content Marketing Producer Management team (Producers only)
- Stations must have their own [Google Ad Manager account](https://accounts.google.com/signin/v2/identifier?service=gam&passive=1209600&continue=https%3A%2F%2Fwww.google.com%2Fdfp%2F%23&followup=https%3A%2F%2Fwww.google.com%2Fdfp%2F&faa=1&flowName=GlifWebSignIn&flowEntry=ServiceLogin) to generate ad tags
- One or more display units
## Graphic Specs
| **Horizontal Unit** | **File Type** | **Dimensions** |
| --- | --- | --- |
| Leaderboard | jpg, gif, png | 728 pixels wide by 90 pixels high |
| Billboard | jpg, gif, png | 970 pixels wide by 250 pixels high |
| Super Leaderboard | jpg, gif, png | 970 pixels wide by 90 pixels high |
| Mobile | jpg, gif, png | 320 pixels wide by 50 pixels high |
| **Square/Vertical Unit** | **File Type** | **Dimensions** |
| Medium Rectangle | jpg, gif, png | 300 pixels wide by 250 pixels high |
| Half Page | jpg, gif, png | 300 pixels wide by 600 pixels high |
| Mobile | jpg, gif, png | 320 pixels wide by 50 pixels high |
## Example
## How to implement Google Ad Manager
- In a block on your website, click the **plus sign** and in the *Promotions* section, click** Google Ad Manager** (Figure 1).
Figure 1
- Default support text appears (Figure 2.1). This text highlights support for PBS and a call to action (Learn More) that directs the user to the [PBS.org](http://PBS.org) online sponsorship support at [https://www.pbs.org/online-sponsorship-support/](https://www.pbs.org/online-sponsorship-support/). ***** See the callout below for instructions on how to manually add the Learn More link.***
- The text is editable by stations only; producers cannot edit this text.
- Hover over the component and click the **cog icon in the upper right side of the component** to bring up the component settings (Figure 2).
> ⚠️ **If adding a Learn More link, stations must add it manually (it is added automatically for producers).** To do this, click **Learn More** in the bottom right side of your ad unit and click the **link icon** that displays. The PBS.org support link automatically displays. Type a new link in the Link URL textbox or click Page or Filer in the menu at the top to link the Learn More text to a page on your Bento site or a file in your filer folders. [The Learn More field can be hidden](https://docs.pbs.org/space/B3/4751639/Google+Ad+Manager#toggle)
See where to add a Learn More link
Figure 2
- On the left side of the page, in the Ad Id textbox, type the **ID of your unit** (Figure 3.1).
- In the Ad Slot textbox, type the **Ad Slot text** for the unit you are using (Figure 3.2).
- Producers can get the Ad Id and Ad Slot information from their [Content Marketing Producer Management team](mailto:pm@pbs.org), stations can get these items from their [Google Ad Manager account](https://accounts.google.com/signin/v2/identifier?service=gam&passive=1209600&continue=https%3A%2F%2Fwww.google.com%2Fdfp%2F%23&followup=https%3A%2F%2Fwww.google.com%2Fdfp%2F&faa=1&flowName=GlifWebSignIn&flowEntry=ServiceLogin).
Click here to learn how to find your Ad ID and Slot in Google Ad Manager
- From your Google Ad Manager dashboard, on the left side menu, click **Inventory** (Figure 1).
Figure 1
- Click **Ad Units** (Figure 2).
Figure 2
- Type the **name of your ad unit** in the search textbox and click the **magnifying glass icon** (Figure 3.1).
- Click the** Ad unit name** (Figure 3.2)
Figure 3
- In the top menu, click **Tags **(Figure 4).
Figure 4
- Click **Continue **(Figure 5).
Figure 5
- Click **Continue** (Figure 6).
Figure 6
- Copy the **Ad ID** and paste this into your Google Ad Manager component Ad ID textbox (Figure 7). Copy everything between the single quotes as shown below.
Figure 7
- Copy the **Ad Slot** and paste this into your Google Ad Manager component Ad Slot textbox (Figure 8). Copy everything between the single quotes as shown below.
Figure 8
> ✅ **What are ad tags? **An ad tag tells Google Ad Manager, "I belong to this ad unit. Please send me a sponsorship unit that matches my targeting criteria and specified sizes." The ad server then identifies the best sponsorship unit for this ad tag, logs an impression, and sends the sponsorship unit to the ad tag to display on the page. These codes are generated on the Google Ad Manager site. Copy the ad snippet from there and paste into this component.
Figure 3
- In the Ad Size section, click the **checkbox** next to each ad size you want to use on your page (Figure 4.1). You can select either Horizontal ***or*** Square/Vertical units, you cannot make a selection from both categories.
- Each time you make a selection, a preview is shown in the body of the page (Figure 4.2). It is not a preview of your actual graphic, it is simply a placeholder so you get an idea of how your sponsorship unit will display.
- To add a custom ad size, in the Custom section, click the **checkbox** next to Desktop and/or Mobile and type the width and height of each graphic in the textboxes provided (Figure 4.3). This option is disabled when one of the other ad sizes is selected.
Figure 4
- > Macro (anchor)
In the Background Color section, click the **radio button** next to Light or Dark to display your sponsorship unit on a light or dark background (Figure 5.1).
- The area around the unit adopts the light or dark selection (Figure 5.2).
- Click the **toggles** next to* Funding Text* and* Learn More *to hide or display these fields (Figure 5.2). Both fields display by default.
- When the toggle displays ON, the fields display on your page.
- When the toggle displays OFF, the fields are hidden and text does not display on your page.
See dark and light examples
| **Light** | **Dark** |
| --- | --- |
|  |  |
Figure 5
- When finished, click **Save** to save the page and click **Preview **in the upper right to view the sponsorship unit in a browser (Figure 6).
Figure 6
- The sponsorship unit shows in the section of your webpage that it was assigned (Figure 7).
Figure 7
