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
Create an ad unit for Web Stories
- Sign in to your AdSense account.
- Click Ads.
- Click By ad unit.
- Click Display ads.
- Give your ad unit a name. We suggest using a unique, descriptive name to help you find your ad unit later.
- In the 'Ad size' section, leave Responsive selected.
- Click Create.
Embed the ad unit in your Web Story
- 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> - 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> - Copy the
data-ad-client
anddata-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 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.