Ad units

Monetize your Web Stories

Web Stories is an open source format for visual storytelling. You can use AdSense to show ads in your Web Stories. Currently, only Google Display ads are available through AdSense, with more demand partners coming soon.

How it works

  1. Create your Web Story
  2. Create an ad unit for Web Stories
  3. Embed the ad unit in your Web Story

Create an ad unit for Web Stories

  1. Sign in to your AdSense account.
  2. Click Ads and then Overview.
  3. Click By ad unit.
  4. Click Display ads.
  5. Give your ad unit a name. We suggest using a unique, descriptive name to help you find your ad unit later.
  6. In the "Ad size" section, leave Responsive selected.
  7. Click Create.

Embed the ad unit in your Web Story

  1. Include the amp-story-auto-ads JavaScript file in your page's <head>:
    <script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script>
  2. Embed the ad unit in your Web Story with the <amp-story-auto-ads> tag:
    <amp-story>
     <amp-story-auto-ads>
      <script type="application/json">
       {
        "ad-attributes": {
         "type": "adsense",
         "data-ad-client": "ca-pub-0000000000000000",
         "data-ad-slot": "00000000"
        }
       }
       </script>
      </amp-story-auto-ads>
     ...
    </amp-story>
  3. Copy the data-ad-client and data-ad-slot values from your ad unit’s code and replace the highlighted code in the configuration above. To find these values in AdSense, click Get code Embed in your Ads > Overview page.

Track the performance of your Web Story ad unit

View the Ad units report to track the performance of your Web Story ad unit.

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue