Jak vložit HTML kódy do Shoptet administrace?

1) Bezpečnostní upozornění

Vložením nevhodného, např. volně dostupného kódu z internetu můžete poškodit funkčnost Vašeho e-shopu. Doporučujeme vkládat pouze kódy kterým rozumíte nebo je máte z ověřeného zdroje.

2) Jak vložit HTML kód

V adminitraci Vašeho Shoptet e-shopu klikněte v levém panelu na Vzhled a obsah -> Editor -> HTML kód

Pokud Váš kód začíná např. na style, vložte ho do sekce HEAD.Máte-li script vložte ho do sekce BODY. Další kódy vložte vždy pod nebo nad původní vložené kódy:

Limit znaků v tomto poli je 8000. V případě větších individuálních úprav je potřeba použít externí soubor - pro pokročilé uživatele.

* Tento kód je pouze ukázkový - vidíte 2 různé nad sebou

3) Popis sekcí

Záhlaví (před koncovým tagem HEAD)

Zde se obvykle vkládají tagy: META, STYLE, LINK nebo SCRIPT.

V záhlaví dokumentu HTML se před koncovým tagem </head> obvykle nacházejí různé značky (tagy), které poskytují prohlížeči nebo vyhledávačům důležité informace o stránce nebo definují styl či chování stránky. Zde je vysvětlení běžných značek, které můžete v této části najít:

1. meta: Poskytuje metadata (data o datech) o stránce. Běžně se používá k:

   • Definování kódování znaků stránky (charset),
   • Nastavení zobrazovacího okna (viewport) pro optimalizaci stránky na různých zařízeních,
   • Určování informací pro vyhledávače, jako jsou popis stránky nebo klíčová slova.

2. style: Obsahuje interní CSS (kaskádové styly), které definují vzhled prvků na stránce. Toto je jedna z možností, jak stylovat HTML dokument.

3. link: Používá se ke spojení s externími zdroji, nejčastěji s externími soubory stylů (CSS).

    

4. script: Umožňuje vkládání JavaScript kódu. Ten může být vnořen přímo do značky <script>, nebo může odkazovat na externí JavaScript soubor pomocí atributu src.

Zápatí (před koncovým tagem BODY)

Zde se obvykle vkládá Javascriptový kód pomocí tagu SCRIPT.

Zápatí dokumentu HTML, umístěné těsně před koncovým tagem /body, je obvykle místem, kam se vkládá JavaScriptový kód pomocí značky script. Toto uspořádání má několik výhod:

1. Rychlejší načítání stránky: Umístěním značek script na konec dokumentu se zajistí, že veškerý obsah HTML (jako text, obrázky a styly) bude načten před spuštěním JavaScriptu. Díky tomu se stránka zobrazuje rychleji.

2. Zabránění blokování vykreslování: Pokud se skript načítá na začátku stránky, může to zpozdit vykreslování obsahu, protože prohlížeč nejdříve načte a zpracuje skript. Pokud je JavaScript umístěn na konci, načítání a zpracování skriptů nebude blokovat načítání obsahu stránky.

3. Manipulace s DOM po jeho načtení: Když je JavaScript načtený na konci stránky, má plný přístup k již vykreslenému obsahu a může okamžitě manipulovat s DOM.

Dokončená objednávka

Používá se pro sledování konverzí - je použit na děkovací stránce objednávkového procesu. Zvažte místo této možnosti použití Google Tag Manageru, ten vám umožní zpracovat informace o objednávce.

Dokončená objednávka na webu obvykle označuje stav, kdy zákazník úspěšně prošel objednávkovým procesem a jeho objednávka byla dokončena. Toto je důležitý bod pro sledování konverzí a pochopení výkonu online prodeje.

Použití:

• Na stránce s potvrzením objednávky (děkovací stránce) lze umístit speciální sledovací kód pro zaznamenání konverze, což pomáhá měřit úspěšnost marketingových kampaní a optimalizovat prodejní strategie.

Zvažované řešení - Google Tag Manager (GTM):

• Proč používat GTM: Jeho výhodou je možnost flexibilně spravovat různé skripty a značky (tagy) z jednoho místa bez nutnosti zasahovat do kódu webové stránky.
• Funkce GTM: Umožňuje sledovat konverze, návštěvnost a další důležitá data díky snadné integraci s nástroji jako je Google Analytics nebo Google Ads.

Implementace:

1. Vytvořte GTM účet a kontejner: Pokud GTM ještě nepoužíváte, vytvořte si účet na webu Google Tag Manager a vytvořte kontejner pro váš web.
2. Vložte GTM kód do webu: GTM vygeneruje kód, který vložíte na všechny stránky svého webu.
3. Nastavte tagy: V GTM můžete vytvořit konverzní tagy, které budou sledovat dokončení objednávky.
4. Testování: Před nasazením sledujte tagy pomocí GTM režimu náhledu, abyste se ujistili, že správně fungují.

Google Tag Manager tedy nabízí pokročilou a efektivní možnost sledování konverzí při dokončení objednávek, což vám umožňuje získat podrobnější pohled na úspěšnost vašeho online prodeje.

Robots.txt

Zde se obvykle vkládají direktivy, kterými zamezíte robotům vyhledávačů přístup k vybraným stránkám vašeho e-shopu. Vložený text se přidá na konec souboru robots.txt.

Soubor robots.txt je soubor umístěný v kořenovém adresáři vašeho webu, který poskytuje pokyny robotům vyhledávačů (webovým crawlerům) ohledně toho, které stránky by měli nebo neměli procházet a indexovat. Je to první soubor, který robot při návštěvě webu hledá.