How To Monetize Web Stories Step By Step

How To Monetize Web Stories

Web Stories is an open source visual storytelling format. AdSense can be used to display advertisements in your Web Stories. AdSense currently offers only Google Display ads, with more demand partners on the way.

Login Adsense Account

[{"selector":"#anim-555f7e88-b4c0-489e-8947-a730388a7b9b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2511bfc-7793-4f51-827d-c59d692db0db","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a2d7894-293d-47b1-9515-fb66e23d4ea3","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f936e9d5-438d-4d0d-a626-2471800df604","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a67551e4-ec26-4374-88b8-d51c7cb75c8f","keyframes":{"opacity":[0,1]},"delay":400,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] First Login Your Adsense Account By entering Your Email ID and Password

Create an Ad Unit

[{"selector":"#anim-ac9d02d5-e3a7-4878-aac7-b1ffe6d1482a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca65afc5-c15d-4c99-ac8c-8ded44a1e53d","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4e61d8c-db8f-45e3-8a6d-a444f5bf7ddc","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cec1f0b2-56b4-4e3b-9b17-7952374422f3","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8cfe370-0ea4-4146-bf1e-136820a6842b","keyframes":{"opacity":[0,1]},"delay":400,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Lets Start Create ads Click Ads > Click By ad unit > Click Display ads > Give your ad unit a name > In the "Ad size" section, leave Responsive selected > Click Create

Embed the ad unit in your Web Story

[{"selector":"#anim-e3e4212f-81b6-4afd-ba08-44bfe10e869a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d9e7069-23e7-43dc-b54a-db3870b96811","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d63017c-ad3e-4c7a-82bb-f352c47bfda6","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1296e886-48b8-4491-b2c0-7cf6c164d4be","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Include the amp-story-auto-ads JavaScript file in your page's

[{"selector":"#anim-660a964c-77f4-4b89-85a0-f4b38b3a7c03","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d800c422-aaa9-4dde-b8b6-ff7bfa028804","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3fbda694-37b5-4e86-87a7-b0d82a09c7ee","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08308a56-bd2c-416b-a547-fd2f7449d802","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] <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

[{"selector":"#anim-812a889f-394c-4b30-a598-6a26775ee465","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-58ca72c9-f911-4fa5-bc5f-f6ba8b948f73","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e908a01-9e84-4b48-879a-3d635ea0442a","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-71ea8e44-9e26-46ae-9063-fea97e465e39","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] { "ad-attributes": { "type": "adsense", "data-ad-client": "ca-pub-0000000000000000", "data-ad-slot": "00000000" } }

Copy and Replace Code

[{"selector":"#anim-0e481313-55ed-4d8c-877d-20abdb700ad8","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e062b83a-7960-4955-95e7-2180e4f7d0d7","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e32230b-2eab-4576-a37d-787f0ffd1671","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55eb7eb4-e7a1-44a8-b934-02d89c210a6a","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Copy the data-ad-client and data-ad-slot values from your ad unit’s

Replace the highlighted code

[{"selector":"#anim-80ff7dd3-f929-4f16-a5d9-b634f9056e56","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b60529f2-b184-42f2-897f-f46995fee5bf","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8b5a6a4-6cc3-4474-bbb4-1888c2c77f6c","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe138d62-2fc2-49ef-9c27-a0fe46a2940b","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] code and replace the highlighted code in the configuration above. "data-ad-client": " ca-pub-0000000000000000 ", "data-ad-slot": " 00000000 "

Where You Can Find Code?

[{"selector":"#anim-aa87d809-871b-423c-a58b-6bafd326e997","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-305da084-d220-43a4-8760-f39db19e9bc3","keyframes":{"transform":["translate3d(132.87037%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d61497f-76c9-4df4-82cc-a30594240407","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c611ec0-c407-4ca2-9b52-cfcfb64a7ad0","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] To find these values in AdSense, click Get code Embed in your Ads > Overview page.

Track the performance of your Web Story ad unit

[{"selector":"#anim-536d062b-f0b0-4415-aa09-df39986232d8","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48d7c77a-610d-45fb-b434-193aabe7dd3b","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2d0601af-4a4d-42f3-8afb-35f6b260a572","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] View the Ad units report to track the performance of your Web Story ad unit. Know More