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

What is the process for adding Segment to Webflow?

How can I resolve the issue of a dropdown in a Webflow collection list opening under the CMS item below it, even after adjusting z-index and position?

How can I adjust the spacing of the arrow in Webflow so that it is not positioned too far from the corner of the field?

What could be causing the general error message "There was an error resetting your password. Please try again, or contact us if you continue to have problems" when attempting actions like login, sign up, or reset password on Webflow?

How can an active class be added to the reset button in Webflow, so that it appears the same as the radio buttons when "checked"? I'm unable to find the toggle state through the documentation.

How can I implement the instructions in this article to disable text area resize in Webflow?

How can I solve the issue of autoplay not working on a Vimeo video within a video modal in Webflow?

How can I troubleshoot a custom code solution for a max-font-size property in Webflow that is not working properly on different screen sizes?

How can I fix the issue with interactive map embeds not scaling on tablet and mobile devices on my Webflow website?

How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?

How can I implement a full page lottie animation with Webflow that maintains its aspect ratio regardless of the viewport size? I have already tried using "object-fit: cover" but it didn't solve the issue. I found that I need to use the parameter "rendererSettings:{ preserveAspectRatio:'none' }" in Bodymovin, but I'm not sure how to implement it while still using the Webflow interface for lottie animation. Any suggestions?

Why are the menu dropdowns not working in Chrome after updating to Windows 10 on both a PC and Mac using the same version of Chrome?

Is there a workaround to implement a >4MB gif on a Webflow project for autoplay on mobile?

Can I use JavaScript or any other method in Webflow to automatically change all instances of '®' to superscript in my chosen font?

Why are the thumbnail images not displaying on certain projects in the exported version of my Webflow portfolio site, specifically on mobile, when they appear fine in the Webflow preview?

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 prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?

How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?

How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?

How can I dynamically redirect to a CMS created after form submission in Webflow?

How can I make the menu close when a link is clicked 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?

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?

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?