Demos: 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>

<!-- 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>