Appearance

Docs > Key Concepts

Formats ​

Formats are predefined templates or structures that describe the visual and functional aspects of an advertisement.

Formats focus on:

  • Visual Presentation: Outline the aesthetic aspects, such as dimensions, animations, and interactive elements.
  • Behavioral Functionality: Describe how the ad behaves in different contexts, like animation on scroll or responsiveness to user interactions.
  • Content Structure: Define how content is organized and displayed within the format, ensuring consistency across different implementations.

Formats in Advantage are essentially a definition of how an ad looks and behaves; Such as animation on scroll. The format offer a standardized interface that allows it to be initialized, displayed, and otherwise manipulated by the integration code.

These are the current built-in format identifiers:

ts
export enum AdvantageFormatName {
    TopScroll = "TOPSCROLL",
    DoubleMidscroll = "DOUBLE_MIDSCROLL",
    Midscroll = "MIDSCROLL",
    WelcomePage = "WELCOME_PAGE"
}

Welcome Page ​

An impactful format that welcomes users with swift and wide reach. Positioned on top of the site content with a close button to continue to the site offers ample creative freedom, allowing for work with high-resolution materials to ensure a high-quality experience and excellent outcomes.

Width 100% Height: 100% Close Button Scroll Down Arrow

Topscroll ​

The Topscroll is the first users see, making it perfect as a branding format. Positioned at the top of the site, it fills the screen to 70%. This format features a scrolling effect, providing an elegant transition into the site as the user scrolls down.

Width 100% Height: 70% Parallax Scrolling Close Button Scroll Down Arrow

Midscroll ​

Midscroll format is defined by its appearance (taking 100% width and height of the viewport) and behavior (content is fixed with a clip path creating a parallax scrolling illusion).

Width 100% Height: 100% Parallax Scrolling

Double Midscroll ​

The Double Midscroll is a responsive, high-impact format that provides a natural presentation of your message through an intuitive and user-friendly scrolling experience. This format becomes visible when the user scrolls past the content and remains visible until the scrolling distance reaches twice the height of the window.

Width 100% Height: 200% Parallax Scrolling