PRODUCT
Follow

Prerequisites

Before uploading your ad to SAS, verify that you have completed these prerequisites:

  • The folder that contains your assets does not include unnecessary files. For example:

    • Unused assets such as images, videos, or fonts.

    • Work files such as .psd, .fla, or .scss.

    • Hidden files such as thumbs.db (Windows) or .DS_Store (Mac).

  • Create a Workspace (zip file) for each ad. It is recommended that the zip file name matches the final name of the ad.

  • Each Workspace contains its default image (named Default or Backup). This image should be optimized and lightweight.

Note

Note: Naming the Workspace and the default image are especially useful when using the Ad Wizard tool to bulk upload your work; the Ad Name field and the Default field will be filled in automatically. For more information, see Ad Creation Wizard.

Setting up a Single Ad

Setting up your ad requires that you start by uploading your Workspace to the Assets Library. Then, set up your ad based on the Workspace that you uploaded.

Upload Your Ad

Procedure
  1. Select Creative > Assets Library.

  2. Click New Folder to create a folder into which you will upload your Workspace.

  3. Click Upload.

  4. Perform one of the following actions:

    • Drag your zipped Workspace in the new window.

    • Click Browse Files to locate the Workspace.

  5. Click Done.

Set up Your Ad

Procedure
  1. Select Creative > Ads.

  2. Click New Ad > Blank Ad.

  3. Give your ad a meaningful name.

  4. In the Ad Format list, select Immersive Takeover.

  5. In the Creative Assets > Main Assets tab:

    1. Select the Workspace folder and navigate to an uploaded Workspace.

      Tip

      Tip: SAS will default to this folder for the next step.

    2. Select the default image. The default image should be a 1 x 1 .jpg. Since the banner is set to a dimension of 1 x 1, the backup image is also set to 1 x 1.

  6. In the Creative Assets > Panels tab, verify that the list of panels was automatically populated with the values from your config.js file. If the Panels tab does not include the list of panels, do the following:

    1. Add the header panel, and name the panel header. Select index.html from the panels/header folder. Set the position type to Banner Relative and Retractions to Never.

    2. Add the background panel, and name the panel background. Select index.html from the panels/background folder. Set the position type to Page Relative-Pixels and Retractions to Never.

    3. Add the left gutter panel, and name the panel leftGutter. Select index.html from panels/left_gutter folder. Set position type to Page Relative-Pixels and Retractions to Never.

    4. Add the right gutter panel, and name the panel rightGutter. Select index.html from panels/right_gutter folder. Set position type to Page Relative-Pixels and Retractions to Never.

    5. Under Advanced Panel Settings, clear the Show Single Panel at a Time If Ad Contains Multiple Panels check box.

    6. Set the frequency capping according to the campaign requirements.

  7. Click Save.

Setting up Multiple Ads

You can upload and set up multiple ads in a single process using the Ad Creation Wizard. For more information, see see Ad Creation Wizard.

Loading Modes

You can set your Immersive Takeover to serve in one of these loading modes:

  • Instant: The entire unit loads immediately. This is the default behavior.

  • Polite: A lightweight image loads first. The full ad loads after the publisher's page finishes loading.

For more information about polite loading, see Add Polite Load to your HTML Ads.

Previewing and Testing

After you finish creating your ad, make sure that you preview and test it. For more information, see Preview Your Ads and Test Your Ads.

Additional Information

Custom Variables, Features, and Interactions

The Immersive Takeover includes many custom variables, interactions, and functionalities that are defined in the config.js file (included in the templates). You can edit these items in the SAS ad's Setup page (Creative > Ads > Setup).

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments