hypnagaga/src/components/AdSlot/stories/docs/inline.md

Add programmatic ads inline on your page.

IMPORTANT! Make sure ads are only used on dotcom pages, never on embeds.

<!-- +page.svelte -->
<script>
  import { AdScripts } from '@reuters-graphics/graphics-components';
</script>

<!-- Include AdScripts only ONCE per page for any type of ad -->
<AdScripts />

<!-- App.svelte -->
<script>
  import { InlineAd } from '@reuters-graphics/graphics-components';

  export let embedded = false;
</script>

{#each content.blocks as block}
  <!-- ... -->

  {#if block.Type === 'inline-ad'}
    <!-- Check if in an embed context! -->
    {#if !embedded}
      <InlineAd />
    {/if}
  {/if}

  <!-- ... -->
{/each}

You may add up to three inline ads per page, but must set the n prop on multiple ads.

<InlineAd n="{1}" />
<InlineAd n="{2}" />
<InlineAd n="{3}" />