Google Consent Mode: Med Google Tag Manager (GTM) kan du forenkle processen med konfiguration af tags ved hjælp af forkonfigurerede skabeloner skræddersyet til din GTM-opsætning.
I GTM Gallery kan du vælge skabeloner fra et bibliotek og nemt tilføje dem til din installation.
⏰ Kniber det med tiden? Hop direkte videre til Sådan kommer du i gang!
Google Tag Manager (GTM) er et avanceret værktøj, der effektivt holder styr på sporingskoder – også kendt som GTM-tags – på hjemmesider. Men hvad er GTM, og hvordan bruger du værktøjet til din fordel?
GTM står for Google Tag Manager og er et gratis værktøj fra Google. GTM-tags er kodestykker, der tjener forskellige formål, blandt andet at indsamle data og forbedre kommunikationen mellem din hjemmeside eller app og eksterne analyse- og markedsføringsplatforme.
Google Tag Manager bruger man primært til at forenkle og centralisere administrationen af disse tags på din hjemmeside eller i din app. Med værktøjet er der ikke længere behov for manuel kodeimplementering, samtidig med at processen strømlines, og risikoen for fejl reduceres. Det er et alsidigt værktøj, der hjælper dig med at effektivisere administration og implementering af tags.
I denne vejledning forklarer vi specifikt, hvordan du integrerer Google Consent Mode med iubenda Privacy Controls and Cookie Solution-skabelonen. Hvis du foretrækker at konfigurere Google Consent Mode uden skabelonen, kan du følge denne vejledning.
Hvis du ønsker at forenkle blokeringen af cookies og trackere ved at bruge Google Tag Manager sammen med funktionen til automatisk blokering, skal du være opmærksom på, at det tilknyttede kodestykke ikke kan indlæses direkte via GTM. I følgende vejledning kan du finde mere information om, hvordan du bruger GTM til at strømline processen med cookieblokering.
Ved at bruge Google Tag Manager-skabelonen kan du automatisere følgende opgaver:
iubenda_gtm_consent_event
til GTM, når brugerens præferencer ændres.
Det første, du skal gøre, er at oprette en GTM-konto og konfigurere en beholder.
Derefter vil du blive bedt om at indsætte GTM-kodestykket i <head>-afsnittet på din hjemmeside.
Til sidst kommer du til GTM-dashboardet.
Når du er i dashboardet, skal du klikke på Tilføj et nyt tag.
Klik derefter på området til tagkonfiguration, vælg “Find flere tagtyper i fællesskabets skabelongalleri”, klik på forstørrelsesglasset, og søg efter iubenda
Vælg “iubenda Privacy Controls and Cookie Solution”, og klik på “Tilføj til arbejdsområde” for at tilføje det til din GTM-installation.
For at konfigurere skabelonen skal du importere den. Det gør du på følgende måde:
Når du vender tilbage til dashboardet, skal du klikke på Tilføj et nyt tag.
Klik derefter på området til Tagkonfiguration, rul ned til afsnittet Brugerdefineret, og klik på iubendas Privacy Controls and Cookie Solution for at tilføje den til din GTM-installation.
Når du har tilføjet skabelonen, kommer du til siden Tagkonfiguration.
Her skal du:
Alle indstillinger er som standard indstillet til Afvist
for at sikre den bedste beskyttelse af dine brugeres privatliv.
Vi anbefaler, at du er yderst forsigtig med at ændre sådanne parametre for at sikre, at de er i overensstemmelse med best practice for indhentning af brugersamtykke gennem positiv handling.
For mere information om samtykketyper kan du tjekke Googles officielle dokumentationher.
ad_storage
er afvist
(målrettet annoncering-formål). Den kan bruges til at sende begivenheds- og sessionsbaserede analyser (inklusive konverteringer) uden cookies på tværs af sider. ad_storage
er afvist
.Du kan find mere information om disse parametre i den officielle Google Tags-dokumentation.
Der er nu to hovedmuligheder for automatisk indlejring af Privacy Controls and Cookie Solution i Google Tag Manager (GTM):
Derudover er manuel indlejring stadig tilgængelig som et alternativ.
Når fjernkonfiguration er aktiveret, bruger metoden det samlede uddrag. Denne mulighed giver dig mulighed for at administrere indstillingerne for Privacy Controls and Cookie Solution eksternt, hvilket betyder, at opdateringer og ændringer, der foretages i Privacy Controls and Cookie Solution, automatisk gælder for dit websted , uden at du behøver at indlejre snippet igen og genudgive det i GTM.
.iubenda.com/widgets/[sitecode].js i
feltet GTM template Embedding URL. Sørg for at tilføje https://
i begyndelsen for at inkludere den fulde URL.
⚠️ Vigtigt:
Som du måske bemærker, er den kode, der skal indsættes til det samlede uddrag, lidt anderledes end den kode, der er inkluderet på din iubenda-indlejringsside.
Her er et eksempel på de dele, der ikke skal indsættes i konfigurationsboksen (gennemstreget):
<script type="text/javascript">src="//embeds.iubenda.com/widgets/[site-code].
js"></script>
Denne metode bruger det udvidede uddrag og bruges, når fjernkonfiguration ikke er aktiveret. Opdateringer af Privacy Controls and Cookie Solution vil kræve manuelle opdateringer i GTM, når der foretages ændringer i konfigurationen af Privacy Controls and Cookie Solution.
var _iub = _iub || [];
og inden for _iub.csConfiguration = {...} i
GTM CS-konfigurationsboksen.⚠️ Vigtigt:
Som du måske bemærker, er den kode, der skal indsættes for det udvidede uddrag, lidt anderledes end den kode, der er inkluderet på din iubenda-indlejringsside.
Her er et eksempel på de dele, der ikke skal indsættes i konfigurationsboksen (gennemstreget):
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {}
{
{"ccpaAcknowledgeOnDisplay":sand,
"ccpaAcknowledgeOnLoad":sand,
"ccpaAppliesToEntireUSA":sand,
"consentOnContinuedBrowsing": false,
"countryDetection": true,
"enableCcpa":sand,
"gdprAppliesGlobally":falsk,
"lang":"it",
"perPurposeConsent": true,
"siteId": 2398592,
"whitelabel":falsk,
"cookiePolicyId": 55062451,
"banner": {
"acceptButtonDisplay": sand,
"backgroundColor":"#FF0000",
"closeButtonDisplay":falsk,
"customizeButtonDisplay": true,
"logo":null,
"position": "float-top-center",
"rejectButtonDisplay":sand }}
}
}
<script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/ccpa/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Du kan også integrere Privacy Controls and Cookie Solution-koden manuelt. For at gøre det skal du følge standardmetoden for integrering, som er beskrevet i denne vejledning.
❗️ For at sikre, at metoden fungerer efter hensigten, skal du huske at tilføje parameteren: "googleConsentMode": "template" til konfigurationen af din Privacy Controls and Cookie Solution.
Følg disse trin for at tilføje den korrekt:
I dine indstillinger for Privacy Controls and Cookie Solution skal du sørge for at fjerne markeringen af “Aktiver fjernkonfiguration”. Dette er afgørende for, at manuel indlejring fungerer korrekt.
Når du har deaktiveret fjernkonfiguration, skal du kopiere det opdaterede uddrag og tilføje følgende parameter:
"googleConsentMode": "template"
Dit opdaterede snippet med den tilføjede parameter bør se ud som i dette eksempel:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"countryDetection": true,
"consentOnContinuedBrowsing": false,
"perPurposeConsent": true,
"lang": "en",
"siteId": 11111111, //brug dit siteId
"cookiePolicyId": 11111111, //brug dit cookiePolicyId
"floatingPreferencesButtonDisplay": "bottom-right",
"banner": {
"acceptButtonDisplay": sand,
"customizeButtonDisplay": true,
"rejectButtonDisplay": true,
"position": "float-top-center"
"googleConsentMode": "template"
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Til sidst skal du vælge kanal for Privacy Controls and Cookie Solution (Beta, Current, Stable).
Du kan eventuelt aktivere en funktion, der indstiller standardværdier for samtykke ved at læse gemte brugerpræferencer fra cookies eller localStorage.
Denne funktion er eksperimentel og har nogle begrænsninger. Brug det kun, hvis du fuldt ud forstår, hvordan det fungerer, for at undgå forkert håndtering af samtykke.
Når denne indstilling er aktiveret, tjekker tagget for specifikke lagerelementer for at afgøre, om der automatisk skal gives samtykke. Samtykke sættes kun til “givet”, hvis alle de definerede elementer bekræfter, at brugeren har tilvalgt (eller ikke har opt-out) det pågældende formål.
Sådan konfigureres dette:
storage.useSiteId = true.
Husk, at dette er en eksperimentel funktion, der har til formål at forbedre håndteringen af samtykke, før iubenda-banneret vises. Brug den med omtanke på grund af dens eksperimentelle karakter og nuværende begrænsninger.
I dette afsnit kan visse avancerede indstillinger konfigureres, fx prioritet for tagtriggering,sekvensering af tagsog avanceredesamtykkeindstillinger. Bemærk, at skabelonen fungerer, uanset om du redigerer disse indstillinger eller ej, så hvis du ikke kender dem, kan du blot ignorere dem.
Når du har konfigureret tagget, skal du konfigurere triggeren for at udløse tagget.
Du kan vælge “Initialisering af samtykke – alle sider” som trigger.
Når du har gennemført konfigurationen, skal du klikke på knappen Gem øverst til højre på siden. Tagget er nu klar til at blive udgivet.
Klik på Send øverst til højre på siden i GTM-dashboardet:
Til sidst skal du tilføje et versionsnavn og en beskrivelse og klikke på Udgiv. Så er du klar! Tagget er oppe og køre og integreret helt uden problemer med vores Privacy Controls and Cookie Solution!
Tags som Google Ads, Analyser, Floodlight og Conversion Linker har indbyggede samtykkekontroller. De er indbygget kompatible med Google Consent Mode.
Det indebærer, at de har en mekanisme, der ændrer deres funktionalitet som reaktion på brugerens samtykkestatus.
Bemærk, at der ikke er behov for samtykkekonfiguration for denne type tags.
Du skal blot tildele “Alle sider”-triggeren til tags, der har indbygget samtykke, fx Google Ads, Google Analytics, Floodlight eller Conversion Linker
Eksempel:
Nogle tags – som Google Ads, Google Analytics, Floodlight og Conversion Linker – er naturligt kompatible med Google Consent Mode. Disse tags har indbygget samtykkekontrol, hvilket betyder, at de automatisk tilpasser deres adfærd baseret på brugerens samtykkestatus.
➡️ For disse tags er der ikke behov for ekstra konfiguration: Du kan roligt bruge “Alle sider”-triggeren.
Men tags, der ikke understøtter indbygget samtykkekontrol (f.eks. brugerdefinerede HTML-tags, der indlejrer Facebook Pixel, Hotjar, LinkedIn Insight eller andre tredjepartsscripts), skal konfigureres med yderligere samtykkekontrol.
emitGtmEvents
For at gøre yderligere samtykkekontrol mulig skal du bruge hændelsen iubenda_gtm_consent_event
til at blive sendt, når brugerens præferencer ændres.
Du har nu to muligheder:
emitGtmEvents-skifteren
direkte i iubenda GTM-skabelonen. Dette håndterer automatisk udsendelse af hændelser uden behov for at redigere koden."emitGtmEvents": true
i
dit _iub.csConfiguration-snippet
. Dette er kun nødvendigt, hvis du foretrækker ikke at bruge skabelonindstillingen.Eksempel (Hotjar-script som pladsholder):
Gå til Consent Settings i dit Custom HTML-tag, og vælg:
“Kræv yderligere samtykke til at affyre tag”
Vælg derefter det relevante formål baseret på typen af manuskript. For eksempel:
Formål | Google-samtykketyper | Beskrivelse |
---|---|---|
Funktionalitet | functionality_storage | Understøtter hjemmesidens eller appens funktionalitet, fx ved at gemme sprogindstillinger. |
security_storage | Beskytter brugere ved at aktivere sikkerhedsfunktioner såsom godkendelse og forebyggelse af svindel. | |
Oplevelse | personalization_storage | Forbedrer brugeroplevelsen ved at tilpasse funktioner såsom videoanbefalinger. |
Måling | analytics_storage | Indsamler data (såsom cookies) til analyseformål, fx sporing af besøgets varighed. |
Markedsføring | ad_storage | Gemmer data til annonceformål. |
ad_user_data | Gør det muligt at sende brugerdata relateret til annoncering til Google. | |
ad_personalization | Muliggør personlig annoncering ved at justere annoncer baseret på brugerens præferencer. |
I stedet for at bruge “Alle sider” skal du oprette en brugerdefineret hændelsesudløser med følgende indstillinger:
Begivenhedens navn:
iubenda_gtm_consent_event
Dette sikrer, at det brugerdefinerede HTML-tag kun udløses, når brugeren har givet gyldigt samtykke til de(t) valgte formål.
Bemærk: Når brugeren ændrer præferencer, sender Privacy Controls and Cookie Solution eventen iubenda_gtm_consent_event
til GTM
Forebyggende blokering er konfigureret for tagget!
✅ Med disse trin kan du sikkert integrere sporingsværktøjer fra tredjeparter, der ikke naturligt understøtter Google Consent Mode.
💡 Husk, at den nye emitGtmEvents-mulighed
på skabelonniveau strømliner denne proces ved at fjerne behovet for at redigere din konfigurationskode manuelt.
Forklaringen vedrørende indbyggede og ekstra samtykkekontroller gælder også her. Hvis du aktiverer amerikansk lovgivning i konfiguratoren for ‘Privacy Controls and Cookie Solution’, er standard for en amerikansk bruger, at cookieløsningen indstiller alle GCM-formål (Google Consent Mode) til ‘givet‘.
Bemærk: Hvis du har et “gratis” abonnement, gælder dette, hvis du deaktiverer GDPR og kun aktiverer amerikansk lovgivning i konfiguratoren. Hvis du ønsker at anvende GDPR for EU-brugere og amerikansk lovgivning for amerikanske brugere, skal du som minimum have et Advanced-abonnement.
Når brugeren fravælger et specifikt formål i henhold til amerikansk lovgivning, tilpasser vi indstillingerne for ‘ad_storage
‘ og ‘analytics_storage
‘ i overensstemmelse med dette.
Specifikt:
‘ad_storage
‘ gives, når brugeren enten ikke har fravalgt nogen af følgende USPR-formål (US Privacy Rights), eller når de ikke er relevante (fx hvis USPR ikke finder anvendelse):
‘analytics_storage
‘ er indstillet til givet , når brugeren enten ikke har fravalgt det amerikanske formål ‘Salg af mine personoplysninger’ (formål), eller når det ikke er relevant (fx USPR finder ikke anvendelse).
Anvend kun amerikansk lovgivning til amerikanske brugere, og få adgang til alle iubendas funktioner
Hvis du administrerer en hjemmeside på flere sprog og implementerer Google Consent Mode med iubendas GTM-skabelon, er det vigtigt, at dit cookiebanner nemt og smidigt kan tilpasses forskellige sprog. Sådan konfigurerer du iubendas GTM-skabelon til flersprogede hjemmesider:
I det første tekstområde tilknyttet CS Configuration skal du indsætte JSON i hovedscriptet, som også vil blive brugt som fallback. Det er dog vigtigt, at du fjerner “lang”-parameteren fra dette script. Scriptet kan indeholde parametrene siteID og
cookiePolicyId.
I tekstområdet for CS Language Configuration skal du indsætte den oprindelige sprogkode og om muligt kun den cookiePolicyId, der identificerer konfigurationssproget. Medtag ikke parameteren "lang" i denne konfiguration.
Visuelt eksempel
Nedenfor er et eksempel på, hvordan opsætningen ser ud i GTM-grænsefladen:
Kodeeksempel til kopiering
Brug denne eksempelkode til CS-konfiguration:
{ "askConsentAtCookiePolicyUpdate": true, "floatingPreferencesButtonDisplay": "bottom-right", "perPurposeConsent": true, "siteId": "your-site-id", // <-- Erstat med dit faktiske site-ID "whitelabel":falsk, "cookiePolicyId": "your-cookie-policy-id", // <-- Erstat med dit faktiske cookiepolitik-id "emitGtmEvents": true, "banner": { "acceptButtonDisplay": sand, "closeButtonRejects": true, "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "position": "float-top-center", "showTitle": false } }
Brug denne eksempelkode til konfiguration af CS-sprog:
{ "it": { "cookiePolicyId": "your-cookie-policy-id", // <-- Erstat med dit faktiske ID for it-cookiepolitik, "emitGtmEvents": true "es": { "cookiePolicyId": "your-cookie-policy-id", // <-- Erstat med dit faktiske ID for ES' cookiepolitik, "emitGtmEvents": true } }
Bemærk: Du kan kopiere og indsætte disse eksempler i de respektive tekstområder. Sørg for at erstatte "your-site-id"
og "your-cookie-policy-id"
med dine specifikke værdier, og sørg for, at lang-parameteren
fjernes.
Sådan virker det:
(lang-attributten
i <html>-tagget
).