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: Naming the Workspace and the default image are especially useful when using the Ad Creation Wizard to bulk upload your work; the Ad Name field and the Default field will be filled in automatically. For more information, see Set up Multiple Ads Using 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

  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

The following procedure assumes that you built your ad based on the Sticky Scroller template and the correctly coded config.js file. If you coded your ad using fully custom code, you will need to complete some additional steps, such as manually assigning the appropriate panel index.html file, and configuring any applicable custom variable values.

  1. Select Creative > Ads.

  2. Click New Ad > Blank Ad.

  3. Give your ad a meaningful name.

  4. In the Ad Format list, select Sticky Scroller.

  5. In the Creative Assets > Main Assets tab:

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


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

    2. Select the default image.

  6. 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 Set up Multiple Ads Using Ad Creation Wizard.

Loading Modes

You can set your Sticky Scroller 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.

Known Issues

  • On some browers, such as Safari and Microsoft Edge, there may be some jittery behavior when the panel is in the transition state (animating).

  • On iOS mobile and tablet devices, the gray play overlay button sometimes appears on its own when returning from animation.

  • When an ad is served on Samsung native browsers, only the banner displays. No animation occurs and the sticky panel does not display.

  • On Internet Explorer and Microsoft Edge browsers, page content may shift when animation is complete in the sticky state.

  • On first load, sometimes the close button may not appear on the sticky panel.

  • Exiting full screen mode on Internet Explorer 11 may result in the animation running again.

  • On Safari for Mac or iOS, the click-through button overlaps with the full screen button.

  • If mdPanelAnchor is set to a target, the adhesion panel repositions to its target div position after the animation runs to the end.

  • On Internet Explorer and Microsoft Edge, the adhesion panel may intermittently blink when scrolling down the page.

  • On iOS 10, a few pixels gap may appear at the bottom of the adhesion panel.

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