Demos: o-ads

o-ads is not maintained by the Origami team. This means that the Origami team will not necessarily be able to help you with support requests. The people who maintain this component may be able to offer support, but it's not guaranteed.

This version of o-ads hasn't been branded yet. Please check the latest version, 20.0.0-beta.0, as branding is a relatively new addition to our components.

Open demo in a new tab

Lazy loaded ad

Demo
HTML

Open demo in a new tab

Lazy loaded ad with a margin

Demo
HTML

Open demo in a new tab

Ad with custom targeting

Demo
HTML

Open demo in a new tab

Master and Companion Ad

Demo
HTML

Open demo in a new tab

Ad with responsive positions

Demo
HTML

Open demo in a new tab

Native ad

Demo
HTML

Open demo in a new tab

Native Lazy Loading

Demo
HTML

Open demo in a new tab

SRA - Single Request Architecture

Demo
HTML

Open demo in a new tab

Ad with multiple style for ft.com (next)

Demo
HTML

Open demo in a new tab

Status

Switch component view Version

GitHub: o-ads

Install o-ads

If using the Build Service, add o-ads@^19.0.1 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-ads@^19.0.1".

Help & Support

o-ads is not supported directly by the Origami team. We make no guarantees, but will help if we can. First try contacting its maintainers at:

Slack: #advertising-dev
Email: origami.advertising.technology@ft.com