Creating Native Ads in PubMatic

Document created by catherine.racette on Sep 29, 2017Last modified by catherine.racette on Oct 2, 2017
Version 9Show Document
  • View in full screen mode

Introduction

Native advertising describes ads that are placed within the context of content a user is viewing on a web page or in an application. Unlike traditional banner and interstitial ads, native ad formats match the form and function of the user experience in which it is placed.

IAB has identified native ad types:

  • In-Feed Units
  • Paid Search Units
  • Recommendation Widgets
  • Promoted Listings
  • In-Ad (IAB Standard) with Native Element Units
  • Custom/”Can’t Be Contained”

Refer to the IAB Native Advertising Playbook for more information and examples.

PubMatic provides solutions for two ad creation methods:

  • PubMatic Rendered 
    • PubMatic renders the creative
    • Supported for Tag-Based clients
    • Not supported for API clients
  • Publisher Rendered 
    • Publisher manages rendering the creative
    • Supported for API clients
    • Not supported for Tag-Based clients

 

The following describes the process of creating native advertising in PubMatic for both PubMatic Rendered and Publisher Rendered creatives.

 

PubMatic Rendered Native Advertising

Prerequisite: Sites/Apps associated with ad tags must already be created.

Create Ad Tag

  1. Select Inventory & Rules | Sites & Tags.
  2. Click Create Ad Tag.
  3. Select the Site/App for which you are creating an ad tag. 
  4. Select the Native Format Type.
  5. Select the type of Response Code (i.e., iframe, JavaScript, HTML 5 or VAST) that is used on the site where the ad will appear. 
  6. Select PubMatic Rendered. The Native Layout Rendering Tool will open.

  7. Confirm that the URL in the Please provide your webpage URL field is correct and click Fetch Page
    "Fetch Page" calls a Java servlet that performs the following:
    1. Makes CURL request to the page URL that has been entered.
    2. Blocks all hyperlink references to prevent accidentally navigating to other pages through links.
    3. Adds JavaScript “aspothelper.js” that renders the ad-slot selection for configuration.
    4. Returns modified HTML page content to call the page, as a JSON.
    5. Calls the page and parses JSON to render the HTML content of the page.
  8. Hover the mouse pointer over the ad placement you would like to configure and press ENTER. Native Ad Configuration options will  appear.


  9. Select the assets (Title, Image and Data) to include in the native template from the first column. Selected assets will display in the preview area on the left.

    TIP: To view a description of an asset element, hover the pointer over the asset label.
            
  10. Modify settings for selected assets in the second column of the configuration settings.
    Example: After selecting Main as image asset, modify the number of pixels in the top field under CSS properties. To add a CSS property, select it from the drop-down above the properties and click Add.
  11. Click Save and Preview to view the configured ad template in the context of the page.


  12. Click Edit on the ad to modify assets or Delete to remove it, if desired.
  13. Click  Done when complete. The native configuration is then saved in the browser’s local storage and “Native Configuration Saved Successfully” in the Native Ad Preferences section.
  14. Select Ad Slot Preferences:
    Primary Ad Size: Size of the ad, in pixels, as it will appear on your site.
    Ad Placement: Where the ad will display relative to the page.
    Fold Placement: Where the ad will display relative to the fold.
    Expansion: The direction in which the ad will expand.
  15. Select the User Data Parameters (UDPs) you want to send to PubMatic in the ad request. This user data will be sent to ad partners during the ad auction. Once UDPs are selected, enter the values/macros for each.
  16. Select the existing placement or provide a passback script for which you want to pass back the non-monetized impressions from PubMatic for this ad tag.
  17. Click Save or Save and Map Ad Networks

Publisher Rendered Native Advertising

Prerequisite: Sites/Apps associated with ad tags must already be created.

  1. Select Inventory & Rules | Sites & Tags.
  2. Click Create Ad Tag.
  3. Select the Site/App for which you are creating an ad tag.
  4. Select the Native Format Type. 
  5. Select the type of Response Code (i.e., iframe, JavaScript, HTML 5 or VAST) that is used on the site where the ad will appear.
  6. Select Publisher Rendered
  7. Select the Native Ad Template from the list to configure its attributes. Each template contains related attributes to configure for each ad type. When a standard template is chosen, it will display a visual representation of where and how the native ad will display on the page. To configure a new template, select Custom to configure custom template.
  8. Complete the attributes for the ad template, selecting Add More Assets options as needed.
  9. Click OK. Once saved, it will return to the Add New Ad Tag screen and display Native Configuration Saved Successfully in the Native Preferences section.
  10. Select Ad Slot Preferences
    Primary Ad Size: Size of the ad, in pixels, as it will appear on your site. 
    Ad Placement: Where the ad will display relative to the page. 
    Fold Placement: Where the ad will display relative to the fold. 
    Expansion: The direction in which the ad will expand.
  11. Select the User Data Parameters (UDPs) you want to send to PubMatic in the ad request. This user data will be sent to ad partners during the ad auction. Once UDPs are selected, enter the values/macros for each.
  12. Select the existing placement or provide a passback script for which you want to pass back the non-monetized impressions from PubMatic for this ad tag.
  13. Click Save or Save and Map Ad Networks.

Attachments

    Outcomes