Vzhľad a nastavenia editora

Môžem do obchodu pridať vlastný kód, skripty alebo meta tagy (HTML, CSS, JavaScript, sekcia head)?

Kde môžete v zostavovači pridať vlastné HTML, CSS a JavaScript (sekcia Vlastný kód, Vlastné CSS, Vlastný Javascript), prečo nemôžete vložiť kód do sekcie head a ktorú aplikáciu použiť pre overenie v Google Search Console, Google Tag Manager a pixely.

3 minúty čítania

Stručná odpoveď

Vlastný kód môžete v zostavovači pridať na troch miestach: v sekcii Vlastný kód vo vnútri stránky, v nastaveniach Vlastné CSS a v nastaveniach Vlastný Javascript. Pole na vloženie kódu do sekcie head vášho obchodu neexistuje. Pre značky v head použite príslušnú aplikáciu (pozrite zoznam nižšie).

Ktorý nástroj na akú úlohu

Overiť obchod v Google Search Console alebo pridať meta tag google-site-verification: aplikácia Domain Verifier. Zvládne aj overenie domény pre Facebook (Meta), TikTok a Snapchat.
Google Analytics, značky Google Ads alebo akákoľvek značka, ktorú spravujete v Google Tag Manager: aplikácia Google Tag Manager.
Pixely Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X alebo Google Ads: pozrite si Facebook, TikTok, Snapchat, ChatGPT, Pinterest a X, alebo Konverzie Google Ads.
Produktový feed pre Google Merchant Center: pozrite si Google Merchant Center. Pre Search Console použite Domain Verifier.
Teplotné mapy a záznamy relácií: pozrite si Microsoft Clarity alebo Contentsquare.
Widget alebo vložený prvok vo vnútri stránky (rezervačný formulár, video, mapa): sekcia vlastného kódu opísaná nižšie.
Štýly pre celý obchod alebo jednu sekciu: pozrite si Vlastné CSS.
Skript na každej stránke: pozrite si Vlastný JavaScript.

Prečo kód v zostavovači nedokáže overiť váš web

Google, Meta a ďalšie platformy pri overovaní hľadajú svoju značku v head vašej stránky. Sekcia vlastného kódu umiestni kód do tela stránky, tam, kde je sekcia. Vlastný Javascript sa spúšťa v prehliadači zákazníka po načítaní stránky. Ani jedno nevloží značku do head tak, ako to tieto platformy potrebujú, preto overenie zlyhá. Domain Verifier za vás pridá značku na správne miesto.

Sekcia vlastného kódu

Sekcia, ktorú pridáte na ľubovoľnú stránku, najviac 2 na stránku. Otvorte kartu Sekcie, kliknite na Pridať novú sekciu a vyberte Vlastný kód. Má tri polia:

HTML: kód zobrazený vo vnútri tejto sekcie.
CSS: štýly, ktoré platia len pre túto sekciu, takže nemôžu pokaziť zvyšok stránky.
JavaScript: spustí sa vždy, keď sa sekcia zobrazí. Váš kód dostane sekciu ako container, takže na prístup k vlastnému HTML použite container.querySelector(...).

Nastavíte jej aj šírku, farebnú schému a okraje ako pri každej sekcii. Pomocou Použiť na všetky stránky ju skopírujete na ďalšie stránky, ktoré už majú sekciu vlastného kódu.

Tipy

Skontrolujte kód v náhľade zostavovača, potom zverejnite a otestujte živý obchod na telefóne aj na počítači.
Ak stránka po zmene vyzerá pokazene, odstráňte kód, zverejnite a pridávajte ho späť po častiach.
Skripty tretích strán môžu obchod spomaliť. Pridávajte len to, čo potrebujete.
AI asistent pripojený k vášmu obchodu môže meniť vlastný kód, len ak to vlastník obchodu povolí. Pozrite si Správa prístupu asistenta.

Stále potrebujete pomoc?

Napíšte nám a my vám odpovieme.

Kontaktujte nás