can I add a data-attribute to the google maps script?

[gkatsanos]

I am implementing a cookie-consent script and in order for google maps to not be blocked, I need to add a data- attribute to the script in question.. can I do this with the APIProvider?

[usefulthink]

Interesting problem. Right now, I don't see a good way to do this, I would probably not create the APIProvider component until we know it's ok to do so. Are there other means besides the data-attribute to react to the consent being given?

[usefulthink]

I mean, you could do something like this (I'll admit it's a bit ugly, but should solve the problem):

<script type="text/plain" data-consentthing="whatever">
window.dispatchEvent(new CustomEvent('maps-consent-given'));
</script>

and in the component that contains the APIProvider:

function SomeComponent() {
  const [renderApiProvider, setRenderApiProvider] = useState(false); 
  const handleConsentGiven = useCallback(() => setRenderApiProvider(true), []);

  useEffect(() => {
    window.addEventListener('map-consent-given', handleConsentGiven);
    return () => window.removeEventListener('map-consent-given', handleConsentGiven);
  }, []);

  if (!renderApiProvider) return <div>Loading...</div>;

  return (
    <APIProvider ...>
      ...
    </APIProvider>
  );
}

[gkatsanos]

Oh, actually their library / SDK fires window consent events and all but I don't think that'll work, because what we want is a way to signal to them that this script they shouldn't block it... We're bypassing the consent mechanism...

[usefulthink]

so this library somehow hooks into document.createElement('script')?

[gkatsanos]

I'm not sure but this is their events documentation https://docs.usercentrics.com/#/v2-events

[usefulthink]

Just had a quick look at their code (uc-block.bundle.js). It seems it will try to intercept all document.createElement calls for script tags, which is wild:

Most of the code in that file seems to be fixing the problems this brings, there are even some sections specifically targeting Google Maps and mapbox for whatever reason, I'm not really interested enough to investigate further though.

[gkatsanos]

No that's helpful already because it confirms my suspicion that both their implementation as well as their documentation is crap! We'll look for another provider.

…

On Sat, Mar 22, 2025, 14:38 Martin Schuhfuss ***@***.***> wrote: Just had a quick look at their code (uc-block.bundle.js). It seems it will try to intercept all document.createElement calls for script tags, which is wild: image.png (view on web) <https://github.com/user-attachments/assets/964f9c5a-1bad-4666-89f7-7ce61fb72a70> Most of the code in that file seems to be fixing the problems this brings, there are even some sections specifically targeting Google Maps and mapbox for whatever reason, I'm not really interested enough to investigate further though. — Reply to this email directly, view it on GitHub <#717 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AANP3ARJFZ5WUB4CASXKLYT2VVKWBAVCNFSM6AAAAABZIBWPUKVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJYGYYDONA> . You are receiving this because you authored the thread.Message ID: ***@***.*** com>

[usefulthink]

@gkatsanos I just stumbled across this and thought of our conversation. Maybe this could help you?
https://c15t.com/