·¬ÇÑÉçÇø

Brightspot CMS User Guide

Creating ad modules


Ad modules allow Google ad feeds to appear in your published site. The ads appear in an asset's above, aside, or below layout blocks. (For information about layout blocks, see Above, Aside, and Below layout blocks.)

Google AdSense

Creating an ad module from Google AdSense


  1. From your Google AdSense console, identify the slot you want to use for ad feeds in your Brightspot site.
  2. Click menu > Ads.
  3. Under Create, select Google AdSense, then click New.
    Create Google AdSense Create Google AdSense
    Creating a Google AdSense ad module
  4. In the Name field, enter a name. Brightspot uses this name in various widgets, such as Edit Site.
  5. In the Slot field, enter the slot number you identified in step 1.
  6. From the Ad Size list, select an existing ad size, or create a new one by doing the following:
    1. Select Create New.
    2. In the New Ad Size form, enter a width and height in pixels.
      New ad size New ad size
      New ad size
    3. Click Save, then click Back.
    4. From the Ad Size list, select the ad size you just created.
  7. Click Save.

Google DFP

Creating an ad module from Google DFP



Note
This section describes incorporating ad feeds from Google DFP (DoubleClick for Publishers). While Google retired DFP in favor of Google Ad Manager, the terms in the following procedure apply to both DFP and Google Ad Manager.

  1. From your Google DFP console, identify the slot you want to use for ad feeds in your Brightspot site.
  2. Click menu > Ads.
  3. Under Create, select Google DFP Ad, then click New.



    Create Google DFP Create Google DFP
    Creating a Google DFP ad module
  4. In the Name field, enter a name. Brightspot uses this name in various widgets, such as Edit Site.
  5. In the Slot field, enter the slot number you identified in step 1.
  6. From the Sizes list, select an existing ad size, or create a new one by doing the following:

    1. Click add_circle_outline.
    2. Select Create New.
    3. In the New Ad Size form, enter a width and height in pixels.

      New ad size New ad size
      New ad size
    4. Click Save, then click Back.
    5. From the Sizes list, select the ad size you just created.
  7. In the Size Mappings field, configure the mapping between a browser's window size and the size of the ad fed. (For example, if the browser's window size is 1920×1080, you can ensure that ads of size 300×250 and 468×60.)
    1. Click add_circle_outline.
    2. From the Minimum Window Size, select an existing browser window size, or create a new one by doing the following:
      1. Select Create New.
      2. In the New Window Size form, enter a width and height in pixels.



        New window size New window size
        New window size
      3. Click Save, then click Back.
      4. From the Minimum Window Size list, select the window size you just created.
    3. From the Ad Sizes, select an ad size you want to be fed to the window size. Select an existing ad size, or create a new one by doing the following:

      1. Click add_circle_outline.
      2. Select Create New.
      3. In the New Ad Size form, enter a width and height in pixels.



        New ad size New ad size
        New ad size
      4. Click Save, then click Back.
      5. From the Ad Sizes list, select the ad size you just created.
    4. Repeat step c to add additional ad sizes for the current window size.
  8. Toggle on Hide on Mobile to hide this ad from displaying on mobile versions.
  9. Toggle on Hide on Desktop to hide this ad from displaying on desktop versions.
  10. Toggle on Out Of Page to allow this module to feed out-of-page ads.
  11. In the Google Dfp Targeting Map List field, enter a list of key-value pairs that help DFP feed ads appropriate for your site. For information about key-value pairs, see .
  12. Click Save.

Previous Topic
Configuring ad layout
Next Topic
Injecting ads into body text
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News