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>