Stručná odpověď
Vlastní kód můžete přidat na třech místech v editoru obchodu: v sekci Vlastní kód na stránce, v nastavení Vlastní CSS a v nastavení Vlastní Javascript. Pole pro vložení kódu do sekce head vašeho obchodu neexistuje. Pro tagy v hlavičce použijte příslušnou aplikaci (viz seznam níže).
Který nástroj na co
- Ověření obchodu v Google Search Console nebo přidání meta tagu
google-site-verification: aplikace Domain Verifier. Zvládne také ověření domény pro Facebook (Meta), TikTok a Snapchat. - Google Analytics, tagy Google Ads nebo jakýkoli tag, který spravujete v Google Tag Manageru: aplikace Google Tag Manager.
- Pixely Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X nebo Google Ads: viz Facebook, TikTok, Snapchat, ChatGPT, Pinterest a X, nebo konverze Google Ads.
- Produktový feed pro Google Merchant Center: viz Google Merchant Center. Pro Search Console použijte Domain Verifier.
- Teplotní mapy a záznamy relací: viz Microsoft Clarity nebo Contentsquare.
- Widget nebo vložený prvek na stránce (rezervační formulář, video, mapa): sekce Vlastní kód níže.
- Styly pro celý obchod nebo jednu sekci: viz Vlastní CSS.
- Skript na každé stránce: viz Vlastní JavaScript.
Proč kód v editoru neověří váš web
Google, Meta a další platformy při ověřování hledají svůj tag v hlavičce (head) vaší stránky. Sekce Vlastní kód umístí kód do těla stránky, tam kde sekce leží. Vlastní Javascript běží v prohlížeči zákazníka až po načtení stránky. Ani jedno nevloží tag do hlavičky tak, jak to tyto platformy potřebují, takže ověření selže. Domain Verifier tag vloží na správné místo za vás.
Sekce Vlastní kód
Sekce, kterou přidáte na jakoukoli stránku, nejvýše 2 na stránku. Otevřete kartu Sekce, klikněte na Přidat novou sekci a vyberte Vlastní kód. Má tři pole:
- HTML: kód zobrazený uvnitř této sekce.
- CSS: styly, které platí jen pro tuto sekci, takže nemohou rozbít zbytek stránky.
- JavaScript: spustí se pokaždé, když se sekce zobrazí. Váš kód dostane sekci jako
container, takže ke svému vlastnímu kódu se dostanete přescontainer.querySelector(...).
Šířku, barevné schéma a vnitřní okraje nastavíte jako u jakékoli sekce. Pomocí Použít na všechny stránky ji zkopírujete na další stránky, které už sekci Vlastní kód mají.
Tipy
- Kód zkontrolujte v náhledu editoru, pak zveřejněte a otestujte živý obchod na telefonu i na počítači.
- Pokud po změně stránka vypadá rozbitá, odstraňte kód, zveřejněte a přidávejte ho zpět po částech.
- Skripty třetích stran mohou obchod zpomalit. Přidávejte jen to, co potřebujete.
- AI asistent připojený k vašemu obchodu může měnit vlastní kód jen tehdy, když to majitel obchodu povolí. Viz Správa přístupu asistenta.