Origami Frontend Components & Services

Demos: o-ads-embed

o-ads-embed 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.

Creative Wrapper Mock

Test o-ads-embed

<!-- For easy visualisation -->
<style>body { background: red; }</style>

<!-- This is what is inside the o-ads-embed creative wrapper in DFP -->

<!-- Test with live script -->
<script>
	if (window !== window.top) {
		window.Origami['o-ads-embed'].init();
	}
</script>
<h1>Mock Ad</h1>
<p>This is a simulation of what DFP would load as an ad, with a cretive wrapper around it.</p>
<p>And some more content</p>
<p>to push the ad down</p>
<p>a little bit</p>
<p>and a little bit more</p>
<p>just to make</p>
<p>it visible</p>

Creative Wrapper Mock with Collapse Element

Test o-ads-embed collapsing functionality

<!-- For easy visualisation -->
<style>body { background: blue; }</style>

<!-- This is the code currently being used to collapse an ad. 
	 This lives in DFP as a creative template -->
<script data-o-ads-collapse="true"></script>

<!-- This is what is inside the o-ads-embed creative wrapper in DFP.
     build/main.js points to the origami registry build service -->
<!-- Test with live script -->
<script>
	if (window !== window.top) {
		window.Origami['o-ads-embed'].init();
	}
</script>
<h1>Mock Ad with collapse script</h1>
<p>This is a simulation of what DFP would load as an ad, with a cretive wrapper around it that contains a collapse script</p>
<p>And some more content</p>
<p>to push the ad down</p>
<p>a little bit</p>
<p>and a little bit more</p>
<p>just to make</p>
<p>it visible</p>
Switch component view

GitHub Repository

Install o-ads-embed

If using the Build Service, add o-ads-embed@^4.0.0 to your script tag.

If running a Manual Build, run bower install --save "o-ads-embed@^4.0.0".

Help & Support

o-ads-embed 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