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:
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:
Tags, der bidrager til sporing, men som ikke er kompatible med indbyggede samtykkekontroller, skal installeres med ekstra samtykkekontroller. Hvis du for eksempel bruger et brugerdefineret HTML-tag, er dette den rigtige funktion for dig, hvis du ønsker at frigive et tag, efter at der er givet samtykke.
Følgende procedure gælder for GTM-tags, der ikke er indbygget kompatible med Google Consent Mode (fx brugerdefinerede HTML-tags til integrering af Facebook Pixel, Hotjar og andre brugerdefinerede scripts).
Første trin: Tilføj parameteren "emitGtmEvents":sand
til scriptet Privacy Controls and Cookie Solution;
I følgende eksempel opretter vi et brugerdefineret HTML-tag med et Hotjar-script (men det kan være et hvilket som helst andet script, fx Facebook Pixel)
Eksempel:
Lad os fortsættemed at konfigurere forebyggende blokering med ekstra samtykkekontroller i Google Consent Mode
"analytics_storage"
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. |
Du skal kun oprette en brugerdefineret hændelse med følgende egenskaber:
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!
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
).