Vlastní kód#
Vložení vlastního CSS, JavaScriptu nebo cizího snippetu do stránek webu — bez přístupu k souborům na serveru.
Najdete ho v Nastavení → Vlastní kód (odkaz Nastavení dole v levém sloupci).
Není to náhrada za úpravu šablony
Vložený kód se nekontroluje ani neupravuje — spustí se přesně tak, jak ho napíšete. Chyba v CSS rozbije vzhled celého webu, chyba v JavaScriptu jeho funkce. Na trvalou úpravu vzhledu patří šablona; tohle je na to, co je potřeba hned nebo jednorázově: měřicí kód, drobná oprava stylu, snippet od dodavatele.
Kdo sem smí, ovládá web
JavaScript vložený do stránky vidí všechno, co na ní návštěvník dělá — včetně toho,
co píše do formulářů, a včetně přihlášení. Obrazovka proto má vlastní oprávnění
Vlastní kód, které se přiděluje zvlášť v Role a privilégia.
Kdo smí do Nastavení, sem automaticky nesmí.
Co se u každého kódu vyplňuje#
| Pole | K čemu je |
|---|---|
| Popis | pro vás — ať za rok víte, co to je a proč tam je |
| Typ | CSS / JavaScript / HTML — viz níže |
| Umístění | kam ve stránce se kód vloží |
| Souhlas s cookies | má počkat na souhlas návštěvníka? |
| Kód | vlastní obsah |
| Pořadí | čím nižší číslo, tím dřív se vloží |
| Aktivní | vypnutím kód zmizí ze stránek, ale zůstane uložený |
Vypnout je lepší než smazat
Když něco nefunguje, odškrtněte Aktivní a uložte. Kód zůstane, takže se k němu dá vrátit — a hledání viníka je otázka jednoho kliknutí.
Typ určuje, jak se kód vloží#
| Typ | Co napíšete | Co vznikne ve stránce |
|---|---|---|
| CSS | jen pravidla, .trida { barva } |
<style>…</style> |
| JavaScript | jen kód, bez značek | <script>…</script> |
| HTML | celý snippet i se značkami | vloží se přesně tak, jak je |
U CSS a JS značky nepište
Obalující <style> nebo <script> doplní systém sám. Když je napíšete taky,
vznikne <style><style> a prohlížeč se v tom ztratí.
Typ HTML je pro cizí snippety
Kód od Googlu, Facebooku nebo chatovacího nástroje si obvykle nese vlastní značky
včetně <script src="…">. Ten patří sem — přenesete ho schránkou beze změn.
Umístění#
| Volba | Kam se vloží | Kdy ji použít |
|---|---|---|
| Hlavička | do <head> |
styly a knihovny, které musí být načtené dřív než obsah |
| Začátek stránky | hned za <body> |
co si to výslovně žádá — typicky <noscript> část Tag Manageru |
| Konec stránky | před </body> |
skripty, které mají počkat, až je stránka hotová |
Když nevíte, dejte konec stránky
Skript v hlavičce brzdí vykreslení — prohlížeč ho musí stáhnout a spustit dřív, než ukáže obsah. Na konci stránky se to na rychlosti neprojeví.
Souhlas s cookies#
Ukládá váš kód cookies nebo posílá data někam ven? Vyberte kategorii. Kód se pak spustí až ve chvíli, kdy návštěvník tu kategorii na cookie liště povolí — do té doby leží ve stránce nečinný.
Nabízejí se přesně kategorie z cookie lišty
Seznam není zvláštní nastavení téhle obrazovky — je to týž seznam, ze kterého se skládá modal Nastavení cookies, jen bez Nezbytných (ty jsou udělené vždy, takže by se od volby „spustit vždy“ nelišily). Přibude-li na webu nová kategorie, objeví se tady sama. Přidává ji vývojář v konfiguraci, ne administrátor.
Bez kategorie se kód spustí vždy
Volba „spustit vždy“ znamená, že cookie lišta na váš kód nemá vliv. U měřicího skriptu nebo reklamního pixelu to znamená, že web měří i návštěvníky, kteří to odmítli — a neodpovídá tomu, co jim na liště slíbil.
U typu HTML souhlas vynutit nejde
Cizí snippet si nese vlastní značky, takže na nich není co přenastavit. Formulář
proto takovou kombinaci neuloží. Řešení: vezměte z snippetu jen vnitřek
<script> a vložte ho jako typ JavaScript — u něj už kategorie funguje.
Odkazy na cizí servery#
CSS umí načítat písma a obrázky odjinud (@import, url(https://…)), skript umí
načítat další skripty. Všechno to stahuje prohlížeč návštěvníka, ne váš server.
Cizí server se tím dozví o každém návštěvníkovi
Dostane jeho IP adresu a adresu stránky, kterou si otevřel. Pro zásady zpracování cookies a osobních údajů to je totéž jako vložit tam měřicí kód. Nezakazujeme to — jen o tom vězte.
Postup: vložit měřicí kód#
- Otevřete Nastavení dole v levém sloupci a přepněte na záložku Vlastní kód.
- Klikněte na Přidat kód.
- Do Popisu napište, co to je (například Měření návštěvnosti).
- Typ nechte na JavaScript a ze snippetu vložte jen to, co je mezi
<script>a</script>. - Umístění dejte Konec stránky.
- V Souhlasu s cookies vyberte Analytické.
- Dejte Uložit a otevřete si web — v prohlížeči zkontrolujte, že se kód spustí teprve po přijetí cookies.
Kód jen pro jednu stránku#
Skript, který patří na jedinou stránku (potvrzení objednávky, přihláška na akci), se nezadává tady, ale v Základy → Stránky u té stránky. Sekce se jmenuje Skripty stránky a vypadá stejně.
| Volba | Co udělá |
|---|---|
| Přidat za celowebové | skripty stránky se vykreslí za těmi, které platí všude |
| Nahradit celowebové | na téhle stránce poběží jen skripty stránky |
CSS pro jednu stránku se tu nezadává
Stránka nabízí jen JavaScript a HTML. Celowebové CSS se vykresluje vždy — i v režimu Nahradit — jinak by stránka přišla o vzhled a nebylo by z čeho poznat proč. Odlišný vzhled jedné stránky se řeší HTML třídou v jejím nastavení a pravidlem v celowebovém CSS.
Nahradit používejte výjimečně
Vypne to na dané stránce i měření, které jinak běží všude. Většinou chcete Přidat za celowebové.
Když se kód neprojeví#
- Je u něj zaškrtnuté Aktivní?
- Nečeká na souhlas s cookies, který jste v prohlížeči nedali?
- Sedí umístění — nehledáte skript z konce stránky v hlavičce?
- U kódu jen pro jednu stránku: díváte se na tu správnou stránku?
Změna se nemusí projevit hned
Systém si nastavení pamatuje. Když jste uložil a na webu je pořád starý stav, požádejte správce o vyprázdnění mezipaměti.