Nákupní košík
Obsah
Cílem této příručky je pomoci vám nastavit a nainstalovat řešení cookies od Iubenda na vašem webu, propojené s Google Tag Managerem, s aktivním předběžným blokováním.
Poznámka: Než budete pokračovat podle této příručky, ujistěte se, že jste si v Google Tag Manageru nastavili značky Iubenda. Máme snadno pochopitelný návod, jak to udělat: Jak zjednodušit blokování cookies pomocí Google Tag Manageru.
Pokud jste svůj web vytvořili pomocí WordPressu, existuje oficiální plugin, který můžete použít k přidání služeb Iubenda na váš web. Podívejte se na návod Použití Cookie a GDPR Manager (Iubenda) s webem na WordPressu pro pomoc s jeho nastavením.
Co je to předběžné blokování (Prior Blocking)
Obecné nařízení o ochraně osobních údajů (GDPR) vyžaduje, aby webové stránky získaly informovaný souhlas uživatelů před použitím cookies, které nejsou nezbytné pro základní fungování webu.
Předběžné blokování zajišťuje, že uživatelé mají kontrolu nad svými osobními údaji tím, že jim umožňuje rozhodnout, zda chtějí, aby byly na jejich zařízení ukládány nepodstatné cookies.
Najděte svůj vložený kód (embed code) z Iubendy
Prvním krokem je najít kód, který je dostupný ve vašem Iubenda dashboardu a který zobrazí cookie lištu na vašem webu.
- Přihlaste se do svého Iubenda dashboardu kliknutím na svou doménu v sekci „Services“ v ovládacím panelu a poté klikněte na „Go to APP“.
- Dále klikněte na „Configure“ pod produktem Cookie Solution.
Ujistěte se, že máte aktivní všechny požadované zásady a klikněte na tlačítko „Save and go to embedding“ (Uložit a přejít na vložení kódu).
(Zkopírujte kód v textovém poli kliknutím na šedé tlačítko „COPY“ (Kopírovat).
Úprava kódu pro fungování s Google Tag Manager
Budete muset do zkopírovaného kódu přidat několik řádků textu, aby se značky, které jste nastavili, aktivovaly pouze tehdy, když návštěvník udělí souhlas. Vezměte kód, který jste zkopírovali v předchozím kroku, a vložte jej do textového editoru dle vlastního výběru, například „Notepad“ (Poznámkový blok), „Word“ nebo „Google Documents“ (Google Dokumenty). Kód, který jsi zkopírovali, by měl vypadat přibližně takto:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"askConsentAtCookiePolicyUpdate": true,
"enableLgpd": true,
"enableUspr": true,
"floatingPreferencesButtonDisplay": "bottom-right",
"lang": "en-GB",
"perPurposeConsent": true,
"siteId": 3138964,
"usprApplies": true,
"whitelabel": false,
"cookiePolicyId": 73037660,
"banner": {
"acceptButtonDisplay": true,
"backgroundOverlay": true,
"closeButtonDisplay": false,
"customizeButtonDisplay": true,
"explicitWithdrawal": true,
"listPurposes": true,
"rejectButtonDisplay": true,
"showPurposesToggles": true
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Nyní zkopírujte kód níže, včetně počáteční „,“:
,
"callback": {
onPreferenceExpressedOrNotNeeded: function(preference) {
dataLayer.push({
iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut()
});
if (!preference) {
dataLayer.push({
event: "iubenda_preference_not_needed"
});
} else {
if (preference.consent === true) {
dataLayer.push({
event: "iubenda_consent_given"
});
} else if (preference.consent === false) {
dataLayer.push({
event: "iubenda_consent_rejected"
});
} else if (preference.purposes) {
for (var purposeId in preference.purposes) {
if (preference.purposes[purposeId]) {
dataLayer.push({
event: "iubenda_consent_given_purpose_" + purposeId
});
}
}
}
}
}
}
Vložte zkopírovaný kód do původního kódu na místě, které jsme ukázali na snímku obrazovky níže.
Nyní byste měli mít kompletní sadu kódu, která vypadá přibližně takto:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"askConsentAtCookiePolicyUpdate": true,
"enableLgpd": true,
"enableUspr": true,
"floatingPreferencesButtonDisplay": "bottom-right",
"lang": "en-GB",
"perPurposeConsent": true,
"siteId": 3138964,
"usprApplies": true,
"whitelabel": false,
"cookiePolicyId": 73037660,
"banner": {
"acceptButtonDisplay": true,
"backgroundOverlay": true,
"closeButtonDisplay": false,
"customizeButtonDisplay": true,
"explicitWithdrawal": true,
"listPurposes": true,
"rejectButtonDisplay": true,
"showPurposesToggles": true
},
"callback": {
onPreferenceExpressedOrNotNeeded: function(preference) {
dataLayer.push({
iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut()
});
if (!preference) {
dataLayer.push({
event: "iubenda_preference_not_needed"
});
} else {
if (preference.consent === true) {
dataLayer.push({
event: "iubenda_consent_given"
});
} else if (preference.consent === false) {
dataLayer.push({
event: "iubenda_consent_rejected"
});
} else if (preference.purposes) {
for (var purposeId in preference.purposes) {
if (preference.purposes[purposeId]) {
dataLayer.push({
event: "iubenda_consent_given_purpose_" + purposeId
});
}
}
}
}
}
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Nyní, když jste upravili kód pro integraci s Google Tag Manager, budete ho muset vložit do stránek svého webu před uzavírací značku „BODY“ (tj do těla stránky).
Až budete připraveni, publikujte značky a spouštěče, které jste vytvořili v Google Tag Manager, aby se aktivovaly na vašem webu.
Shrnutí
Nyní jste propojili řešení cookies od Iubenda se značkami a spouštěči v Google Tag Manageru a nainstalovali jste cookie lištu na svůj web s aktivovaným předběžným blokováním.
Značka, kterou jste vytvořili, se neaktivuje, dokud návštěvník neudělí souhlas s použitím cookies, nebo pokud se na něj nevztahuje GDPR.
Další kroky
Vaším dalším krokem bude přidat do Google Tag Manageru všechny další značky, které potřebujete, a zajistit, že používají spouštěče Iubenda, které jste nastavili.
Nezapomeňte je znovu publikovat, aby se aktivovaly na webu.