Sådan bruger du det nye flersprogede kodestykke med automatisk sprogregistrering

Vi har netop lanceret et nyt kodestykke med automatisk sproggenkendelse for at gøre integration på din hjemmeside nemmere. Denne forbedrede funktion i vores Privacy Controls and Cookie Solution registrerer automatisk brugerens sprog, hvilket reducerer behovet for at tilføje separate kodestykker for hvert sprog. Her er en komplet vejledning, der hjælper dig med at forstå og implementere den smarte nye funktionalitet.

Integration af det nye kodestykke

Her er den grundlæggende syntaks for det nye kodestykke med automatisk sprogregistrering:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
  "en": {
    "cookiePolicyId": 12345 // Cookie policy ID for English
  },
  "it": {
    "cookiePolicyId": 23456 // Cookie policy ID for Italian
  },
};
_iub.csConfiguration = {
  "siteId": 09876, // Your site ID
"cookiePolicyId": 12345, // Cookie policy ID of the main language for fallback
"storage": {
    "useSiteId": true,
  }
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Sådan virker det

• Sprogspecifik konfiguration: Objektet csLangConfiguration indstiller id’er for cookiepolitikken for hvert sprog.
• Fallback-mekanisme: cookiePolicyId i csConfiguration fungerer som fallback, hvis der ikke registreres et sprog.
• Opbevaring: Brug af useSiteId under storage-objektet betyder, at brugerens samtykke er gyldigt på tværs af forskellige sprog på din hjemmeside.

Brug af kodestykke uden fjernkonfiguration

Når fjernkonfiguration er deaktiveret, er kodestykket helt afhængigt af parametrene i _iub.csConfiguration-objektet. Syntaksen svarer til versionen med fjernkonfiguration, men den specificerer alle konfigurationer, herunder bannerindstillinger, sprogindstillinger, opbevaring og samtykkeadfærd i scriptet.

Justeringer og tilpasninger

Det nye kodestykke giver dig mulighed for at tilpasse samtykkebanneret til hvert sprog ved hjælp af csLangConfiguration-objektet. Det betyder, at du kan tilpasse, hvordan banneret ser ud og opfører sig afhængigt af brugerens sprog. Lad os se på nogle almindelige tilpasninger.

Eksempel 1: Ændring af bannerets udseende efter sprog

Forestil dig for eksempel, at du vil give samtykkebanneret forskellige farver for hvert sprog, så hjemmesidens udtryk matcher specifikke sprog. I dette eksempel bliver banneret rødt for brugere, der ser siden på italiensk:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
  "en": {
    "cookiePolicyId": 12345
  },
  "it": {
    "cookiePolicyId": 23456,
    "banner": {
      "backgroundColor": "#FF0000"
    }
  },
};
_iub.csConfiguration = {
  "siteId": 09876,
  "cookiePolicyId": 12345,
  "storage": {
    "useSiteId": true,
  }
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Eksempel 2: Sprogspecifikke samtykkeknapper

I nogle lande, Danmark for eksempel, stilles der krav om, at specifikke samtykkeindstillinger skal være synlige for brugerne. Du kan konfigurere disse indstillinger, så de kun vises, når brugerens sprog matcher et bestemt krav:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
  "da": {
    "cookiePolicyId": 7896,
    "banner": {
      "showPurposesToggles": true
    }
  },
};
_iub.csConfiguration = {
  "siteId": 09876,
  "cookiePolicyId": 12345,
  "storage": {
    "useSiteId": true,
  }
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Bemærk

Det nye kodestykke bruger som standard opbevaring på hjemmesideniveau (useSiteId: true), dvs. at brugerens samtykke gælder på tværs af alle hjemmesidesprog. Det er især nyttigt for globale hjemmesider, idet brugerne ikke behøver at give samtykke, hver gang de skifter sprog.

Du kan dog også tilpasse denne adfærd i konfiguratoren under Avancerede indstillinger:

Sådan genskaber du kodestykket pr. sprog (ældre metode)

Hvis du foretrækker at bruge den tidligere metode med enkelte kodestykker for hvert sprog (som i den gamle opsætning), er det stadig muligt. Metoden kan være nyttig, hvis du ønsker fuld kontrol over konfigurationen af hvert sprog, eller hvis din hjemmesidestruktur kræver enkelte kodestykker. Her kan du se, hvordan du opretter enkelte kodestykker for hvert sprog:

1. Opret ét kodestykke for hvert aktivt sprog med _iub.csConfiguration-objektet alene.
2. Tilføj sproget i "lang"-parameteren for hvert kodestykke.
3. Inkluder det sprogspecifikke cookiePolicyId i hvert _iub.csConfiguration-objekt.
4. Behold scriptet, der linker til iubenda_cs.js-filen, for alle kodestykker.

Eksempler på kodestykker for forskellige sprog

Her kan du se, hvordan du strukturerer kodestykkerne for både engelsk (en) og italiensk (it):

Engelsk:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
  "cookiePolicyId": 12345, // Fallback cookie policy ID
"siteId": 09876, // Site ID
"lang": "en",
  "storage": {
    "useSiteId": true,
  }
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Italiensk:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"cookiePolicyId": 23456, // Fallback cookie policy ID
"siteId": 09876, // Site ID
"lang": "it",
  "storage": {
    "useSiteId": true,
  }
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Brug af GTM-skabelonen

I Google Tag Manager (GTM) har vi tilføjet et nyt afsnit om konfiguration af sprogindstillinger. Denne valgfri funktion gør det muligt for dig at styre forskellige konfigurationer direkte via GTM. Find flere oplysninger i vejledningen Sådan konfigurerer du iubendas GTM-skabelon til flersprogede hjemmesider