Webflow sync, pageviews & more.
NEW

How can I add Google AdSense to my Webflow site?

TL;DR
  • Sign up for AdSense with your custom Webflow domain and complete verification.
  • Add the AdSense code to your site's head section in Webflow Project Settings and publish.
  • Choose Auto Ads for automated placement or manually embed ad units using Webflow's Embed element.

Adding Google AdSense to your Webflow site involves verifying your site with Google, placing the ad code, and setting up ad units or Auto Ads.

1. Sign Up for a Google AdSense Account

  • Go to Google AdSense and sign up using your Google account.
  • Enter your Webflow site's domain (must be a custom domain—not a Webflow.io domain).
  • Complete any identity and content verification steps required by AdSense.

2. Get Your AdSense Code Snippet

  • Once approved, log in to your AdSense dashboard.
  • Click Sites > Add Site, if not already added.
  • Google will provide you with a verification code—a script tag that should be placed in your site’s <head> section.
  • Copy the entire code snippet.

3. Add AdSense Code to Webflow

  • Go to Project Settings in your Webflow dashboard.
  • Click the Custom Code tab.
  • Paste the code into the Head Code section.
  • Click Save Changes and then Publish your site to your custom domain.

4. Set Up Ad Units or Enable Auto Ads

  • In your AdSense dashboard, choose between:
  • Auto Ads: Google automatically places ads across your site. Enable this under Ads > By site.
  • Manual Ad Units: Create ad blocks and place them in specific parts of your site.
  • For manual placement:
  • Create an ad unit (e.g., display or in-article ad).
  • Copy the ad unit’s HTML snippet.
  • In Webflow Designer, add an Embed element where you want the ad to appear.
  • Paste the ad unit code inside the Embed element.
  • Save and publish your site.

5. Wait for Ads to Appear

  • Ads typically take a few hours to a couple of days to begin showing.
  • Make sure you are not blocking ads via browser settings or ad blockers during testing.

Summary

To add Google AdSense to your Webflow site, first verify your custom domain in AdSense, then place the provided script in your site's head section via Project Settings. Choose either Auto Ads or manual ad units, and embed them in your site using Webflow’s Embed elements.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I fix the canonicalization error with Webflow's Glossary page when using Finsweet attributes Library for filtering and loading the CMS?
How can I scale divs with their content in Webflow so that the projects maintain their aspect ratio and stack on top of each other, similar to the example provided in the link?
Can successful form submissions in Webflow be redirected to another page for further instructions or can the content within the "form wrapper" be replaced after successful submission?
Can Webflow be used to develop a website that provides clinic bookings, integrates with Zapier and Google Calendar, includes customer and admin dashboards, and allows users to update the CMS? Any tips?
How can I put the background video in Webflow behind everything? Why don't I get 4 cells when I create 4 columns in my quick stack in Webflow?
Where can I find information about changes to the Webflow API endpoints, specifically regarding the recent change in the endpoint to update products?
Does Webflow support IDEAL as a payment option and provide full STRIPE integration?
How can I apply my own information to the blog post template in Webflow without it syncing with other posts?
How can I capture user information such as name, email, and phone number on my Webflow site, and where can I retrieve the submitted information?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
Is it possible to redirect the client to another page instead of the webhook after submitting a form on my Webflow hosted site integrated with Integromat?
Can you use Webflow's native icons like Close (X), Arrows (< >), and Hamburger/Menu icons instead of third-party tools like Font Awesome?
How can Webflow help you create a simple customized online formula calculator without requiring web development or JavaScript skills?
Is it possible to have a dynamic CMS collection list in Webflow, where the list changes depending on the CMS collection page being viewed?
How can I add anchor points within the CMS rich text in Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?