Jak přidat na WebEditor stránku souhlasu s GDPR

S rozšířením Termly si můžete vylepšit svůj banner se souhlasem, přizpůsobit jeho nastavení a vzhled a získat přístup k mnoha dalším užitečným funkcím, které vám pomohou zajistit soulad vaší webové stránky se zákony o ochraně osobních údajů. 

Níže si projdeme kroky, jak přidat vylepšený banner se souhlasem na vaši stránku vytvořenou ve WebEditoru pomocí kódové komponenty. 

Obsah článku: 

• Než začnete 
• Krok 1 Deaktivujte banner souhlasu v řídicím panelu WebEditoru 
• Krok 2 Přihlaste se do řídicího panelu Termly 
• Krok 3 Zkontrolujte, zda váš web neobsahuje soubory cookies 
• Krok 4 Přizpůsobte si banner se souhlasem 
• Krok 5 Zkopírujte HTML kód banneru souhlasu 
• Krok 6 Vyberte komponentu kódu ve WebEditoru 
• Krok 7 Vložte kód banneru se souhlasem na svůj web 
• Krok 8 Změňte nastavení komponentu kódu 
• Krok 9 Vložte si na web kód centra preferencí 
• Krok 10 Upravte umístění a styl odkazu na centrum nastavení 
• Krok 11 Uložte a publikujte svou webovou stránku 

Než začnete 

Pokud si na svou WebEditor stránku chcete přidat aktualizovaný banner se souhlasem, potřebujete předplatné Termly a přístup ke kódové komponentě WebEditoru. Kódová komponenta je součástí plánů WebEditor Pro a WebShop. 

Krok 1 Deaktivujte banner souhlasu v řídicím panelu WebEditoru 

Pokud již používáte ve WebEditoru základní banner se souhlasem (který rovněž poskytuje Termly), deaktivujte jej předtím, než vložíte aktualizovaný banner se souhlasem na svou webovou stránku. 

1. Otevřete si ovládací panel WebEditoru. 
2. Klikněte na Nastavení webu a v levém menu vyberte Banner se souhlasem. 
3. Ujistěte se, že banner se souhlasem není aktivován – přepínač by měl být šedý. Pokud je banner souhlasu aktivní, deaktivujte jej kliknutím na přepínač. 
4. Publikujte svůj web. 

Krok 2 Přihlaste se do řídicího panelu Termly 

1. Přihlaste se do ovládacího panelu a v části Pokročilá nastavení klikněte na Termly. 
2. Klikněte na modré tlačítko Přejít na Termly. Pokud ještě nemáte předplatné Termly, můžete si jej zakoupit na této stránce.
3. Zadejte svůj e-mail a heslo do Termly a klikněte na tlačítko Přihlásit se.

Krok 3 Zkontrolujte, zda váš web neobsahuje soubory cookies 

1. V řídicím panelu Termly klikněte v levém menu na Správa souhlasu > Cookies. 
2. Klikněte na Skenovat nyní. 

Krok 4 Přizpůsobte si banner se souhlasem 

1. V levém menu klikněte na Správa souhlasu > Banner se souhlasem. Na této stránce můžete upravit nastavení a vzhled svého banneru. 
2. Když máte hotovo, klikněte na Uložit ve spodní části stránky. 

Krok 5 Zkopírujte HTML kód banneru souhlasu 

1. Na stránce Banner se souhlasem klikněte na tlačítko Instalovat v horní části. 
2. V okně, které se vám otevře, uvidíte stav skenování souborů cookies a další kroky pro instalaci banneru. Klikněte na Vložit v kroku 2. 
3. V dalším okně klikněte na Čisté HTML. 
4. Nyní uvidíte skript, který by měl být přidán do kódové komponenty WebEditoru. Můžete si také vybrat, zda chcete aktivovat funkci Auto Blocker. Zkopírujte kód kliknutím na Kopírovat do schránky. 

Krok 6 Vyberte komponentu kódu ve WebEditoru 

1. Přejděte do editoru. 
2. V nabídce vlevo klikněte na Více a zvolte Kód. 

Krok 7 Vložte kód banneru se souhlasem na svůj web 

1. Ve vyskakovacím okně vyberte jako umístění kódu možnost Před zavřením </head>. 
2. Vložte skript banneru se souhlasem do pole a klikněte na Uložit. 

Krok 8 Změňte nastavení komponentu kódu 

1. Nyní uvidíte komponent kódu v horní části stránky v editoru. Kliknutím na něj si otevřete jeho nastavení. 
2. V nastavení komponentu kódu klikněte na Umístění a zaškrtněte políčko Použít na všechny stránky, aby se banner se souhlasem zobrazoval na všech stránkách vašeho webu. 

Krok 9 Vložte si na web kód centra preferencí 

Kromě banneru se souhlasem doporučujeme přidat na web i odkaz na Centrum nastavení. Kliknutím na něj mohou vaši návštěvníci změnit svá nastavení souborů cookies. 

1. Vytvořte si ve WebEditoru další komponent kódu kliknutím na Více a následně na Kód v levém menu. 
2. V rozbalovacím okně vyberte jako umístění kódu možnost Normální. 
3. Zkopírujte a vložte do pole následující kód a klikněte na Uložit: 

<a href=“#“ class=“termly-display-preferences“ style=“color:#000000;“>Consent Preferences</a> 

Krok 10 Upravte umístění a styl odkazu na centrum nastavení 

1. Přesuňte komponent kódu centra preferencí na místo, kde chcete na vašem webu umístit jeho odkaz. Doporučujeme jej umístit do patičky webu, aby byl viditelný na všech stránkách. 
2. Vzhled odkazu můžete změnit úpravou jeho kódu pomocí stylů CSS. Klikněte na komponentu kódu, vyberte možnost Upravit kód a přidejte požadované styly CSS.  

V níže uvedeném příkladu jsme nastavili barvu odkazu na černou a odstranili podtržení: 

<a href=“#“ class=“termly-display-preferences“ style=“color:#000000; text-decoration: none;“>Consent Preferences</a> 

Krok 11 Uložte a publikujte svou webovou stránku 

Uložte a publikujte svou webovou stránku, aby byly změny viditelné online. 

Pokud chcete zkontrolovat, zda banner se souhlasem funguje, otevřete si web v režimu inkognito. Pokud banner se souhlasem nevidíte, zkuste vymazat soubory cookies a zkontrolujte, zda jste provedli všechny výše uvedené kroky.