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-adsJavaScript 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-clientanddata-ad-slotvalues from your ad unit’s code and replace the highlighted code in the configuration above. To find these values in AdSense, click Get codein your Ads > Overview page.
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.
