The Expandable Ad interface is different from other ad types as it requires the upload of an Original Image and an Expanded Image. It also has fields to manage the expand/collapse actions such as Transition Direction, Transition Speed, Overlay Content, Open at start, and Auto Expand Time Limit.
The Original Image field is where you will upload the JPG image of the collapsed ad view.
The Expanded Image field is where you will upload the JPG image of the expanded ad view.
Transition Direction - This is the direction that the larger image will emerge from the smaller image. Auto (default) allows the template designer to choose the best direction for the file size and location. Possible values are Auto, Left, Right, Up and Down.
Transition Speed - This determines how fast the larger image will emerge from the smaller image. Auto (default) allows the template designer to control the speed. Possible values are Auto, Slow, Medium, Fast, Instant.
Should the ad overlay the site content or push it aside? Setting the Overlay Content to Auto (default) will allow the template designer to determine the correct method. "Yes" will make the ad sit on top of the site content. "No" will make the ad push the site content aside. This will only work when 'Transition Direction' is set to 'Down'.
Auto Open - When should the ad automatically open? Possible values are Never, On Load, On Hover, On Load or Hover.
Auto Expand Time Limit (seconds) - This is the number of seconds that the ad will stay open if it was activated at the page load and not by the user. Zero (0) seconds will leave the ad expanded forever until user action is taken to collapse it. The default is 0 seconds.
The rest of the fields are the same as an image ad.
Expandable Ad Best Practices
- Left/ Right animations should be the same height.
- Top/Down animations should be the same width.
- "Overlay No" will only work when 'Transition Direction' is set to 'Down'.
- "Overlay No" should be used for the pencil ad only, in some browsers this setting doesn't work properly.
- Consider the ad size, region, and expanded size when determining at which breakpoint the ad should show and what transition direction should be used.
