Hi @ashmozza89,
1. The banner does not cause a negative CLS per se; https://snipboard.io/4U6Lbn.jpg. It’s not an exact science and depends on the loading in your viewport in general. To help you out, I would need the URL to see what might cause this. It’s related to unexpected behaviour as a whole.
2. Do you have a Cors Policy, or strict security that might block the scan? You can try a scan with browser console – errors open to see if there’s an issue.
Let me know, regards Aert
Hi Aert,
Please see this report
It seems to start at the top then moves to the bottom, same on mobile and desktop.
I don’t think anything should be blocking it. I used another cookie plugin before which scanned via CookieYes and it found 33 cookies.
And a couple of design issues, how can I make it less obtrusive on mobile it nearly covers the entire page view.
And on desktop our live chat gets in the way not sure if anything can be done about that though.
Thank you.
Hi @ashmozza89,
Please try excluding Complianz from delaying javascript, and combined CSS or delayed CSS for non-critical CSS in your optimization plugin.
You can see the banner appear for a split second at the top, before being completed after page load.
CSS to appear above the chat button, and less obtrusive on mobile:
#cc-window { z-index: 9999999999; }
@media only screen and (max-width: 600px) {
#cc-window { font-size: 14px; min-width:100%; }
#cc-window.cc-type-categories.cc-floating .cc-compliance {
display: inline-block; width: 100%; }
#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all {
float: left; }
#cc-window.cc-type-categories.cc-floating .cc-compliance .cc-save {
float:right; }
.cc-btn { width: 48%!important; }
#cc-window.cc-floating { min-width:unset; }
}
@media screen and (max-width: 469px) {
#cc-window.cc-floating, #cc-window.cc-type-categories .cc-btn,
#cc-window.cc-type-categories.cc-floating { min-width: unset; }
}
For the cookie scan; it might be possible a different scan is used. Do you have any console errors during the scan?
regards Aert
Thanks that css is perfect.
Just tried the scanner again and it worked.
Do you have the file names that I can exclude from optimization?
Hi @ashmozza89,
Entering “wp-content/plugins/complianz-gdpr” should exclude the entire folder (Lightspeed > Page Optimization > [7] Tuning).
Hope this helps.
Kind regards,
Jarno
Thank you. That seems to be working.
Regarding the google analytics is this strictly need for setup. I have a paid dedicated plugin for this
Hello @ashmozza89,
Depending on the Analytics plugin used, we might already have an integration. But for the Complianz setup it is not strictly required to configure Analytics within Complianz.
I’m closing the thread for now as I assume your issue has been solved, feel free to reach out if you have further questions.
Kind regards,
Jarno
