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
Why is my client's website showing a double 'www' and not loading when accessing the custom domain in Webflow? The A records and CNAME are correctly set up in GoDaddy.
How can I integrate third party software with Webflow's Logic feature?
What are the new features in the updated Webflow menu that replaces the default browser menu when right-clicking on elements?
Is there a reliable custom code to remove scrollbars on all browsers for elements in a Webflow website?
How can I prefill a form field with information from the URL in Webflow, specifically for unsubscribes using a passed email, so that the user only needs to click the submit button?
How can I fix the issue of my Webflow site not scrolling on mobile?
Can I place an order on Webflow without purchasing a plan by using a sandbox account?
How can I correct the issue where the Webflow staging site appears instead of the custom domain when searching for my Client's business name, Jackson Wink, on Google?
How can I link my latest work section on the homepage to CMS pages in Webflow?
What is the reason that Webflow does not have nested components in ecommerce collections like it does in CMS collections, and should this feature be requested on the Webflow Wishlist?
Why doesn't my background video display properly in the Webflow designer with the correct height?
What could be causing a "video indexing issue" in Webflow for pages that do not contain any video element?
Can sections be named in Webflow for easier identification and organization?
Is it possible to change the color of the placeholder text in a Webflow form to make it more visible?
Is it possible to add PHP code to a Webflow prototype site once it has been designed, in order to implement more complex features that cannot be handled by the native CMS? If not, what is a more efficient method for achieving this goal within the Webflow platform?
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?