Support » Plugin: Complianz - GDPR/CCPA Cookie Consent » Is complianz causing our google maps embeds not working?

  • Resolved sefro

    (@sefro)


    Dear complianz team,

    we use the Google Maps Embed API from Elementor with their API Key for Map Embeds like here: https://www.lsa-partnernetzwerk.de/veranstaltung/makerspace-community-treffen-grafikbearbeitung-mit-canva-zeitz/. (maps embed in the 2nd box called “Veranstaltungsort” on the right hand side)

    I am not sure if there is anything integrated properly, but even when all cookies are accepted, the maps embed isn’t shown as it should – i guess the lightgrey box there is the placeholder, right?

    Can you maybe pls assist? What can we do to show the maps embed properly? Is it anyhow possible with Elementor Maps API Key? Or is there a misconfiguration in Complianz?

    Thanks in advance and best regards!

    The page I need help with: [log in to see the link]

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

    (@aahulsebos)

    Hi @sefro,

    Does disabling the Google Maps integrations under “Integrations” help?

    regards Aert

    Thread Starter sefro

    (@sefro)

    Hi Aert, no it doesn’t. So it has nothin to do with Complianz, right?

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @sefro,

    It should work with ELementor, but I see some jQuery errors in the browser console, even when using ?cmplz_safe_mode=1 as a parameter.

    Because you’re still using Complianz 5, this might be the issue. You can try updating to Complianz 6+. This won’t remove all jQuery errors, but Complianz is no longer dependent on jQuery.

    Otherwise, removing the jQuery errors is a good idea.

    If there’s another non-Elementor plugin active on this page, please try disabling these as well.

    regards Aert

    Thread Starter sefro

    (@sefro)

    Hi Aert, i’ve updated Complianz to version 6.1.2.

    Unfortunately, the consent banner is now very tall at the bottom of the screen. I couldn’t find a setting under “appearance” to make it as small as it was.

    Could you maybe hand me some .css to align the 3 buttons next to the text and legal links?

    Furthermore, the Google Maps embed is not showing up as well. I am not able to remove the jQuery Errors, could you please tell me which other plugin is active on the side, so i can try to deactivate it?

    Regards

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sefro,

    About the banner styles: there seems to be CSS added by your theme, which applies the properties content: ""; display: table; width: 0; to every <div> element on the site. I don’t know why the theme adds that CSS, but this is what causes the banner to appear like this.

    In this screenshot I have added some example text to the ‘content’ property, to illustrate what I’m referring to: https://i.snipboard.io/pynElR.jpg

    Concerning the Google Maps on your site: I see two implementations, one of these is blocked correctly, the other one appears to be a Google Map from the Events Calendar plugin.

    To narrow down the cause of the issue, could you try disabling the Events Calendar integration under Complianz > Integrations > Plugins, to see if that causes it to resume working as expected?

    Kind regards,
    Jarno

    Thread Starter sefro

    (@sefro)

    Hi @jarnovos,

    deactivating The Events Calendar plugin under Integrations shows the Google Map in the events section! What can I do to show the Google Map without deactivating the integration in Complianz?

    Thanks also for the hint with the theme-css, i’ll have a look and see if I can fix it.

    Best regards

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sefro,

    Just for our clarification, is the ‘default’ Google Maps integration currently enabled under Complianz > Integrations > Services?

    Could you re-enable that? This will allow us to can check the page source to find out what might be causing this.

    Kind regards,
    Jarno

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sefro,

    Are there any further updates regarding this?

    Kind regards,
    Jarno

    Thread Starter sefro

    (@sefro)

    Hi @jarnovos,

    sorry for the late reply (due to illness).

    Yes, the default Google Maps Integration is currently enabled under Integrations > Services, see https://snipboard.io/yiOKVt.jpg.

    As you wanted, I deactivated the Events Calender Integration in Complianz, which resulted in a properly shown Google Map (on our events pages like this one https://www.lsa-partnernetzwerk.de/veranstaltung/makerspace-community-treffen-grafikbearbeitung-mit-canva-zeitz/ at the bottom of the content area).

    What can I do to show the Google Map of the Events Calender without deactivating the integration in Complianz?

    Thanks in advance and best regards

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @sefro,

    I will come back to you soon. I also see some theme setting ‘:before” and ‘:after’ without content on al divs, which creates a weird looking banner. Will have a look at that as well,

    regards Aert

    Thread Starter sefro

    (@sefro)

    Hi @aahulsebos and thank you very much. I’ll wait for your reply. Next week I’m on vacation, but I’ll see your reply from April 19th. Thanks and best regards

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @sefro,

    This is the latest 6.1.5 Complianz version, with The Events Calendar integration, whereby I disabled the Google Maps placeholder from the default Google Maps integration.

    https://evntscalendar.us3.instawp.xyz/?tribe_events=test-event

    This is without an Elementor API, as The Events Calendar provides one. I do see an error: Uncaught SyntaxError: Unexpected token '&' (at (index):996:121)

    This is the form at the bottom of the page, could you create one without form and see if this works?

    regards Aert

    Thread Starter sefro

    (@sefro)

    Hi @aahulsebos,

    I disabled the registration form at the bottom for testing purposes. Unfortunately, the maps embed at the end of the event description doesn’t show up. Any further suggestions?

    Were you be able to have a look regarding our weird looking banner because of the theme setting ‘:before” and ‘:after’ without content on all divs?

    Best regards!

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sefro,

    I’ve been trying to reproduce the issue with Events Calendar in the meantime, but haven’t had any luck yet. I’ve tried several settings in that plugin, but the Map always seems to load correctly after providing consent on my end.

    Do you use any specific shortcode or settings in Events Calendar that I might have missed out on? This would greatly help me to reproduce the issue.

    Kind regards,
    Jarno

    Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    As for the ::before, to override the theme div css in the banner, please try

    #cmplz-cookiebanner-container .cmplz-cookiebanner div:before {
        content: reset;
        display: reset;
        width: reset;
    }
Viewing 15 replies - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.