Page tree


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 | Creative.
  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 above.
  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 above.
  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.