I have a german website with Adsense integrated. To meet Google's compliance requirements, I ask users to accept cookies for personal advertising.
To achieve this, I created an overlay which stays in front of the pages content (which is blurred by the way). This is a pure JavaScript modal (no IFrame), just a non-dismissable Bootstrap 4 modal. If the user accepts the cookie stuff, the overlay closes and content is revealed (without blur of course).
From a legal perspective, an obtrusive overlay is not necessary (a small version overlaying just some footer content of the page would be also possible). But we definitely need a cookie notice. We want to do this, because our old solution (small footer overlapping, as f.e. https://www.accenture.com/us-en) was not often clicked, as it was not obtrusive enough. Therefore we couldn't display adsense ads to our users...
However, I need to balance the Adsense ads vs. SEO (Google rankings). If we use the obtrusive version but lose in ranking significantly, we will just stay with the old (unobtrusive) version. Thats the main reason I asked here fore help.
Does this negatively affect SEO (because of the overlay, which is in front of the whole content)?