Preskočiť na obsah
Platformy

Webareal

Ako vložiť chat Otta do obchodu na Webareale cez pätičku webu alebo cez Google Tag Manager a kde vygenerovať feed produktov.

Na tejto stránke

Webareal je platforma na prenájom internetového obchodu. Samostatné pole na vlastný kód jeho návody neuvádzajú, kód chatu preto vložíte do položky v pätičke webu alebo cez Google Tag Manager, zaberie to asi 10 minút. Názvy v krokoch sú z českej administrácie.

Čo budete potrebovať

  • Účet v Otte. Kód chatu nájdete v paneli v Prehľade, na karte Inštalácia a integrácie, na dlaždici Webareal. Je pod dlaždicou Ďalšie platformy, nájdete ju aj vyhľadávaním.
  • Pre cestu cez pätičku šablónu so záložkou Patička webu. Staršie šablóny ju nemajú.
  • Pre cestu cez Google Tag Manager účet v Tag Manageri s kontajnerom pre web.

Kód chatu

Na dlaždici Webareal kliknite na Skopírovať kód. Dostanete jeden riadok s verejným kľúčom vašej firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukážke je namiesto kľúča pk_vas_kluc, dlaždica vám dá kód s vaším kľúčom. Kľúč nie je heslo, netreba ho tajiť. Kód stačí vložiť raz, platí pre celý web.

Vloženie kódu

Pätička webu

  1. V administrácii otvorte Obsah webu, Struktura webu, Patička webu a záložku Patička webu.
  2. Otvorte položku pätičky, ktorá má v riadku Obsah hodnotu Vlastní, alebo pridajte novú tlačidlom + Přidat položku.
  3. V textovom editore položky prepnite na zdrojový kód, na koniec vložte kód chatu a potvrďte.
  4. Zmeny uložte.
  5. Na webe otvorte zdrojový kód stránky (Ctrl+U) a overte, že riadok s widget.js a data-otto-key je tam celý a nezmenený.

Google Tag Manager

  1. V Google Tag Manageri pridajte značku Vlastné HTML (Custom HTML) so zavádzačom Otta z dokumentácie, časť Cez Google Tag Manager, a so spúšťačom na všetkých stránkach. Kľúč v zavádzači zameňte za svoj z dlaždice.
  2. Kontajner v Tag Manageri zverejnite.
  3. Vo Webareale otvorte E-shop, Webová analytika, Google měřící kódy.
  4. Do poľa ID pri Google Tag Manageri vložte ID kontajnera bez predpony GTM- a kliknite na Uložit nastavení.
Editor v pätičke je textový editor na obsah, nie pole na skripty. Po uložení preto vždy overte v zdrojovom kóde stránky, že riadok chatu ostal celý.
Do Tag Managera nevkladajte bežný riadok z dlaždice. Tag Manager z neho vyhodí atribút s kľúčom a chat sa nespustí.

Overenie

  1. Otvorte svoj web v novom okne prehliadača a obnovte stránku. Vpravo dole má naskočiť bublina chatu.
  2. Napíšte do chatu skúšobnú otázku. Otto odpovie o pár sekúnd.
  3. V paneli v Nastaveniach, v časti Prepojenia, riadok Váš web ukáže doménu, na ktorej chat beží.

Katalóg produktov

Feed vytvoríte v E-shop, Export, Export produktů: v roletke vyberte porovnávač, napríklad Zboží.cz, kliknite na Vygenerovat a adresa feedu sa ukáže nižšie. Podľa cenníka Webareal feedy v bežných tarifoch generuje raz za 14 dní a v tarife EXCLUSIVE raz za 2 hodiny, po väčšej zmene cien preto feed vygenerujte znova.

Adresu feedu vložte v paneli v Nastaveniach, v časti Katalóg, a kliknite na Overiť feed. Panel povie, koľko produktov našiel, a Otto si feed potom obnovuje sám. Viac v časti Katalóg produktov.

Keď niečo nefunguje

Nevidím záložku Patička webu

Vaša šablóna túto možnosť nepodporuje, staršie šablóny ju nemajú. Vložte chat cez Google Tag Manager.

Kód sa v pätičke ukazuje ako text

Kód ste vložili do editora v bežnom zobrazení. Text z položky zmažte, editor prepnite na zdrojový kód a kód vložte znova.

Riadok chatu v zdrojovom kóde stránky chýba alebo je zmenený

Textový editor kód upravil. Vložte ho znova v zobrazení zdrojového kódu, a ak ho editor zmení aj potom, použite Google Tag Manager.

Cez Tag Manager sa chat neukazuje

Overte, že je v značke zavádzač z dokumentácie Otta s vaším kľúčom, nie riadok z dlaždice, a že je kontajner zverejnený. Skontrolujte aj, či je ID kontajnera vo Webareale uložené.

Ďalej skontrolujte

  • Obnovte stránku bez cache klávesmi Ctrl+F5 alebo ju otvorte v anonymnom okne.
  • Kód má byť na stránke len raz, druhý sa ignoruje.
  • Lišta súhlasu s cookies môže skripty zablokovať až do súhlasu. Ak sa chat ukáže až po súhlase, pozrite časť Súhlas s cookies.
  • Ak má web hlavičku Content-Security-Policy, povoľte v nej https://ottoai.sk, postup je v časti Content-Security-Policy.
  • V konzole prehliadača (kláves F12) hľadajte správy začínajúce [Otto]. Povedia, čo chatu chýba.
  • Stále nič? Napíšte nám na podpora@ottoai.sk a pošlite adresu webu.

Odstránenie chatu

V Patička webu otvorte položku s kódom a riadok s widget.js zo zdrojového kódu zmažte, prípadne zmažte celú položku. Pri ceste cez Tag Manager značku Otta odstráňte a kontajner zverejnite.