Hoppa till innehållet

Javascript events och funktioner

Om ni inte använder attribut i script-taggen kan ni använda javascript-events för att ladda in script baserat på besökarens val.

Lyssna efter eventet CookieConsent för att köra din kod:

window.addEventListener('CookieConsent', function (event) {
    console.log('CookieConsent:', event.detail);
});

Detta event skickar med detaljer om händelsen, här är ett exempel på payload i event.detail:

{
    added : ['marketing'],
    removed : [],
    current : ['undefined','necessary','marketing'],
    trigger : 'initial'
}

Förklaring av egenskaper:

  • added Innehåller kategorier där medgivande adderats som en följd av händelsen.
  • removed Innehåller kategorier som där medgivandet dragits tillbaka som en följd av händelsen.
  • current Innehåller alla medgivanden som finns efter händelsen.
  • trigger Indikerar vad som utlöste händelsen, kan ha följande värden:
    • initial = Indikerar att detta för det första medgivandet från en besökare efter att den gjort sitt första val i rutan.
    • pageload = Indikerar att detta är en efterkommande sidladdning där ett medgivande existerar.
    • update = Indikerar att besökaren öppnat cookie-inställningar och ändrat sitt medgivande.

Här är ett exempel på kod som körs när det finns ett medgivande för marketing-cookies:

window.addEventListener('CookieConsent', function (event) {
    if(!event.detail.current.includes('marketing'))
        return;
        
    console.log('We have marketing consent!');
});

Vill ni lyssna på när en användare tar bort ett samtycke:

window.addEventListener('CookieConsent', function (event) {
    if(event.detail.trigger !== 'update')
        return;
        
    console.log('Added consents',event.detail.added);
    console.log('Removed consents',event.detail.removed);
});

Ni kan även testa om ett medgivande redan är satt med kod:

if (cookieTractor.consent.contains(cookieTractor.category.functional)){
    console.log('Medgivande finns för funktionella-cookies');
}
if (cookieTractor.consent.contains(cookieTractor.category.statistical)){
    console.log('Medgivande finns för statistik-cookies');
}
if (cookieTractor.consent.contains(cookieTractor.category.marketing)){
    console.log('Medgivande finns för marknadsförings-cookies');
}

Här är ett exempel på hur man med vanilla events kan ladda ett javascript baserat på medgivande:

Mer information om vårt SDK finns på sidan om JavaScript Reference!

Support

Har ni frågor om installationen? Kontakta oss gärna på info@cookietractor.se.