Using the Full Page Skin Rich Media Template (UAS)

Document created by catherine.racette on Nov 28, 2017Last modified by catherine.racette on Dec 1, 2017
Version 3Show Document
  • View in full screen mode

Introduction

A Full Page Skin ad appears as a clickable background image on a web page that surrounds the page's main content. The clickable background image can appear to the left and/or right of the main content or "wrap" around the main page content in the left, right and top padding as a frame for the page. PubMatic's Full Page Skin template provides options for repeating the background, vertical and horizontal background position, scrolling or fixed position, cursor options and background color. 

 

Accessing the Full Page Skin Template

Select the Full Page Skin template while adding a creative in the Unified Ad Server (Refer to Adding Creatives in UAS for details):

  1. Select Transactions | Ad Server.
  2. Click Add New Creative.
  3. In the Details section, select Rich Media as the creative type.
  4. Select Full Page Skin in the Rich Media Template drop-down menu.
  5. Click Get Tags.
  6. Continue selecting the desired attributes and options outlined below.

Full Page Skin Default Template

The standard default Full Page Skin displays the clickable background to the left and right of the main content of a web page. By adding only an image, it will apply the default template settings.

  1. Follow the instructions in the Accessing the Full Page Skin Template section.
  2. Add an image using one of the following methods:
    - Select Upload a file and click Select File to upload a file to locate and add the file.
    - Select Remote file and enter the URL for the image. Click Test URL to confirm it is correct.
  3. Click Apply.

Full Page Skin with Top Padding

Adding top padding will display the background image to the left and right of the main content as well as above the main content in the banner area. 

  1. Follow the instructions in the Accessing the Full Page Skin Template section.
  2. Add an image using one of the following methods:
    - Select Upload a file and click Select File to upload a file to locate and add the file. 
    - Select Remote file and enter the URL for the image. Click Test URL to confirm it is correct.
  3. Select Add top padding and enter the height in pixels.
  4. Select additional options as needed. Refer to the Full Page Skin Template Options section below for details.
  5. Click Apply.

Full Page Skin Template Options

Background Color

A background color displays in areas where the background image does not appear. 

  • Select Add Background Color and select a color from the Background Color palette.

Scroll vs. Fixed Position

The Background Attachment setting determines whether the skin image will scroll with the website or be fixed on the page.

  • Select either Scroll or Fixed for the Background Attachment option.

Cursor

This option indicates whether the cursor should change to a pointer during mouse-over on the skin image.

  • Select Pointer for the Cursor option to indicate the cursor should change to a pointer when the cursor mouses over the skin image.

Background Repeat

The Full Page Skin template provides options to repeat the background image vertically and/or horizontally.

  • Select one of the following options from the Background Repeat drop-down menu:
    • repeat: Image will repeat horizontally and vertically.
    • repeat-x: Image will repeat horizontally only.
    • repeat-y: Image will repeat vertically only.

Background Position

  • Select the position (left, center, right) for Background Position X (horizontal position) and/or Background Position Y (vertical position) for the skin image.
    • Background Position X Options:
      • left: Image is placed on the left side of the screen.
      • center: Image is centered horizontally (default position).
      • right: Image is placed at the right side of the screen.
    • Background Position Y Options:
      • top: Image is placed at the top of the screen (default position).
      • center: Image is centered vertically.
      • bottom: Image is placed at the bottom of the screen.

Attachments

    Outcomes