Support » Plugin: Complianz - GDPR/CCPA Cookie Consent » CLS & Cookie Scanner

  • Resolved ashmozza89

    (@ashmozza89)


    Hello

    1. Is there a way to stop the banner creating so much cumulative layout shift. For example a product page without the banner CLS is 0.078 which is fine. With banner active CLS is 0.895 seems to jump about alot.

    2. Cookie scanner doesn’t find any cookies. I finsihed setup wizard and ran it again but only shows the ones I selected in the intergrations page of the wizard.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    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

    Thread Starter ashmozza89

    (@ashmozza89)

    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.

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    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

    Thread Starter ashmozza89

    (@ashmozza89)

    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?

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @ashmozza89,

    Entering “wp-content/plugins/complianz-gdpr” should exclude the entire folder (Lightspeed > Page Optimization > [7] Tuning).

    Hope this helps.
    Kind regards,
    Jarno

    Thread Starter ashmozza89

    (@ashmozza89)

    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

    Plugin Contributor jarnovos

    (@jarnovos)

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CLS & Cookie Scanner’ is closed to new replies.