Activating script after cookie consent using ptupdate event not working

[nmenic01]

Hello,

I'm attempting to activate a script once a user gives cookie consent, using the custom event ptupdate. My approach involves listening for a consent event and then dispatching ptupdate, but it's not working as expected. Here's the brief setup:

<script>
  window.addEventListener('cc:onConsent', () => {
    window.dispatchEvent(new CustomEvent('ptupdate'));
  });
</script>

I even tried triggering window.dispatchEvent(new CustomEvent('ptupdate')) directly in the Chrome DevTools console, but still no response from Partytown. Does anyone know why this might be happening or how to fix it?

This is the cookie consent library I'm using: https://cookieconsent.orestbida.com/

Thanks for any help! :)

[gioboa]

Hi, you should append the script asynchronously too
Here is the docs

[nmenic01]

Thanks for the answer!

I tried to follow the docs code - even if I do it this way, I can't get the console.log printed, unless i refresh the page manually. I can see the alert('Consent given!'); popping up though. Here's a sample of the code:

  useEffect(() => {
    const consentHandler = () => {
      alert('Consent given!');
      
      const script = document.createElement('script');
      script.type = 'text/partytown';
      script.innerHTML = `console.log("New partytown script!")`;
      document.head.appendChild(script);
      
      window.dispatchEvent(new CustomEvent('ptupdate'));
    };

    window.addEventListener('cc:onConsent', consentHandler);

    return () => {
      window.removeEventListener('cc:onConsent', consentHandler);
    };
  }, []);

I'm not sure if i'm missing something here