Javascript is not enabled.

Javascript must be enabled to use this site. Please enable Javascript in your browser and try again.

Design System - IN BETA

Getting Started            Components            Presets             Templates

Advertisements

The AARP Advertisement Component is an AARP custom component created to support the organization's advertisement efforts.


Advertisement Slugs

Advertisement placements consist minimally of a space for the ad creative itself plus a "slug" which indicates that the element is an advertisement. If there is sufficient space, on a content page, the slug should read "CONTENT CONTINUES AFTER ADVERTISEMENT BELOW" while on more space-constrained placements it can simply read "ADVERTISEMENT". 


Static: 300x250

Lorem ipsum dolar sit amet consectetur usage information here.


Static: 300x250 or 300x600

Lorem ipsum dolar sit amet consectetur.


Fluid: Native Embedded

Lorem ipsum dolar sit amet consectetur.


Fluid: Dynamic Leaderboard

Lorem ipsum dolar sit amet consectetur.


Fluid: In-Content (Sizes will vary)

Lorem ipsum dolar sit amet consectetur.


Static: 300x600

Lorem ipsum dolar sit amet consectetur.


Static: 728x90

Lorem ipsum dolar sit amet consectetur.


Fluid: Hot Deals Text Link

Lorem ipsum dolar sit amet consectetur.


Fluid: Pencil Ad

Lorem ipsum dolar sit amet consectetur.


Training

The Advertisement Component can be used to display different types of advertisement options:

  • Static Sizes (eg. 320x50) remain fixed at this size once delivered. Fluid Ad Types grow or shrink to fill the space that they are provided in the layout. They are indicated using their default size. 300x250, 300x600, 728x90. There larger sizes will be replaced with a smaller size on Mobile or certain Tablet (Portrait) modes.

    • Static: 728x90

    • Static: 300x600

    • Static 300x250 or 300x600

    • Static 300x250

  • Fluid Ads can have a look and feel like content on the page. They render in a fluid manner that will be constrained by their parent container. They are also referred to as Native ad’s. Because they mazy have the look and feel of Native Content on the page. This is by design, however these and other ad units should be accompanied by an Advertisement Disclaimer or otherwise known in the Industry as an Ad Slug.

    • Fluid: Pencil Ad

    • Fluid: Hot Deals text Link

    • Fluid: In-Content (Sites will vary)

    • Fluid: Dynamic Leaderboard

    • Fluid: Native Embedded


Training Video

7:30

Authoring Capability

  • Ad Type (Dropdown) - This component as several ad types it can create:

    • Fluid: Pencil Ad

    • Fluid: Hot Deals text Link

    • Static: 728x90 (728x90's can be authored if they suit the purpose, in UXDIA they do not serve by default on Mobile, but we are going through and removing that limitation)

    • Static: 300x600

    • Fluid: In-Content (Sites will vary)

    • Fluid: Dynamic Leaderboard

    • Fluid: Native Embedded

    • Static 300x250 or 300x600

    • Static 300x250

  • Ads Separator Label - This advertisement Label is text that appears above the advertisement.

    • For Fluid: In-content ads, the text always says (CONTENT CONTINUES AFTER ADVERTISEMENT) in all caps.

    • For other advertisements, the text defaults to ADVERTISEMENT and can be left blank.