Webflow sync, pageviews & more.
NEW

How can I resolve the issue of YouTube dropping cookies even when I have enabled Privacy Mode in Webflow settings and tried entering the no-cookie URL?

TL;DR
  • Ensure the embed URL starts with youtube-nocookie.com and manually update it in Webflow.
  • Enable Webflow's Privacy Mode and toggle it off/on if already enabled.
  • Use a custom <iframe> embed instead of Webflow’s native YouTube component.
  • Add loading="lazy" to the <iframe> to delay loading external scripts.
  • Test in an incognito window and check cookies in browser dev tools.
  • Implement a cookie consent manager to block embeds until consent is given.
  • Check for third-party scripts that might override privacy settings.

If YouTube is still setting cookies even after enabling Privacy Mode in Webflow and using the "no-cookie" URL (youtube-nocookie.com), there may be additional factors causing this issue. Here’s how you can troubleshoot and resolve it:

1. Verify the Embed URL

  • Ensure the YouTube embed link starts with https://www.youtube-nocookie.com/.
  • In Webflow, when adding a YouTube video, manually update the embed URL and replace youtube.com with youtube-nocookie.com.

2. Enable Webflow's Privacy Mode

  • Go to Project Settings > Privacy & Cookies.
  • Enable "Use YouTube's privacy-enhanced mode."
  • If this setting was already enabled, toggle it off, save, then toggle it on again.

3. Inspect the Embed Code

  • If you’re using Webflow’s native YouTube component, switch to an Embed element instead.
  • Use the following iframe format:
    ```\`\`\`
  • Replace VIDEO_ID with the actual video ID.

4. Use Lazy Loading

  • Add loading="lazy" inside the <iframe> to prevent loading external scripts until the user interacts with the video.

5. Block Third-Party Cookies in the Browser (Testing)

  • Open an incognito window and disable tracking cookies from your browser’s settings.
  • Right-click the page, select Inspect, go to the Application tab > Cookies, and check if cookies are still being set.
  • If YouTube still drops cookies, installing a cookie consent banner with a consent-based embed trigger (e.g., Cookiebot or Finsweet's Cookie Consent) can help.
  • Configure it so that YouTube only loads after user consent.

7. Check for Third-Party Scripts

  • Some tracking or advertising scripts may override Webflow’s privacy mode.
  • Check if any Google Tag Manager, Facebook Pixel, or third-party scripts are interfering.

Summary

To stop YouTube from setting cookies, verify that you're using youtube-nocookie.com, enable Webflow's Privacy Mode, and consider using an embed block instead of Webflow’s native YouTube component. If issues persist, implement a cookie consent manager to block embeds until the user accepts cookies.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is it possible to have a user account in Webflow where customers can view their past orders and tracking information for physical goods?
Can Fontawesome 5 fonts be installed in Webflow and accessed using the font selection and appropriate code?
Is it possible to autoplay three videos on my Webflow page using HTML embed code from Vimeo if the background video element is not working, or can I set them to play on hover like the sample video on this article?
Can I create custom shapes in Webflow to add onto my hero image?
Can I create a split screen website in Webflow where the scrolling is determined by the position of the mouse on each side, without needing to write code in CSS/HTML?
Is it possible to embed a responsive 3D model made with Spline into a Webflow page without having to create separate layouts and templates for each screen size?
What are some of the best tools and integrations for Webflow?
How can I remove or call third-party CSS on my Webflow website’s source code that I didn't add myself?
How long does it typically take to duplicate a Webflow project? I have attempted twice with several hours in between, but the duplicated projects are not appearing. The website contains numerous CMS items and is of considerable size, so I'm unsure why the duplication process would take so long. Is a lengthy duration common for duplicating projects in Webflow?
Is it possible to incorporate a custom animation created in Webflow between transitions of slides in a vertical slider using fullpage.js?
How can I effectively add a TXT Robot to improve the referencing of my Webflow site? I'm a beginner and struggling to grasp the nuances of this tool, possibly due to my limited English proficiency. Could someone evaluate my attempt and ensure that my site is not ignored by search engine robots? My website: [insert website here] Website robot Txt: [insert robot.txt content here
Why are the items after the load more button appearing twice when combining the finsweet attributes 'CMS filter' and 'CMS Load' in Webflow?
How can I create a custom navigation bar in Webflow with centered menus and logo, and properly link the menu items to pages without any underlines or blue color?
How can I rotate and scale my logo in Webflow when transitioning between pages?
How can a multi-language blog be created using Webflow CMS with only one CMS Collection Page for "post"?
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 use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
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 anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
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?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?