Přeskočit na obsah
Platformy

Webareal

Jak vložit chat Otta do obchodu na Webarealu přes patičku webu nebo přes Google Tag Manager a kde vygenerovat feed produktů.

Na této stránce

Webareal je platforma pro pronájem internetového obchodu. Samostatné pole pro vlastní kód jeho návody neuvádějí, kód chatu proto vložíte do položky v patičce webu nebo přes Google Tag Manager, zabere to asi 10 minut.

Co budete potřebovat

  • Účet v Ottovi. Kód chatu najdete v panelu v Přehledu, na kartě Instalace a integrace, na dlaždici Webareal. Je pod dlaždicí Další platformy, najdete ji i vyhledáváním.
  • Pro cestu přes patičku šablonu se záložkou Patička webu. Starší šablony ji nemají.
  • Pro cestu přes Google Tag Manager účet v Tag Manageru s kontejnerem pro web.

Kód chatu

Na dlaždici Webareal klikněte na Zkopírovat kód. Dostanete jeden řádek s veřejným klíčem vaší firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukázce je místo klíče pk_vas_kluc, dlaždice vám dá kód s vaším klíčem. Klíč není heslo, netřeba ho tajit. Kód stačí vložit jednou, platí pro celý web.

Vložení kódu

Patička webu

  1. V administraci otevřete Obsah webu, Struktura webu, Patička webu a záložku Patička webu.
  2. Otevřete položku patičky, která má v řádku Obsah hodnotu Vlastní, nebo přidejte novou tlačítkem + Přidat položku.
  3. V textovém editoru položky přepněte na zdrojový kód, na konec vložte kód chatu a potvrďte.
  4. Změny uložte.
  5. Na webu otevřete zdrojový kód stránky (Ctrl+U) a ověřte, že řádek s widget.js a data-otto-key je tam celý a nezměněný.

Google Tag Manager

  1. V Google Tag Manageru přidejte značku Vlastní HTML (Custom HTML) se zavaděčem Otta z dokumentace, část Přes Google Tag Manager, a se spouštěčem na všech stránkách. Klíč v zavaděči zaměňte za svůj z dlaždice.
  2. Kontejner v Tag Manageru zveřejněte.
  3. Ve Webarealu otevřete E-shop, Webová analytika, Google měřící kódy.
  4. Do pole ID u Google Tag Manageru vložte ID kontejneru bez předpony GTM- a klikněte na Uložit nastavení.
Editor v patičce je textový editor pro obsah, ne pole pro skripty. Po uložení proto vždy ověřte ve zdrojovém kódu stránky, že řádek chatu zůstal celý.
Do Tag Manageru nevkládejte běžný řádek z dlaždice. Tag Manager z něj vyhodí atribut s klíčem a chat se nespustí.

Ověření

  1. Otevřete svůj web v novém okně prohlížeče a obnovte stránku. Vpravo dole má naskočit bublina chatu.
  2. Napište do chatu zkušební otázku. Otto odpoví za pár sekund.
  3. V panelu v Nastavení, v části Propojení, řádek Váš web ukáže doménu, na které chat běží.

Katalog produktů

Feed vytvoříte v E-shop, Export, Export produktů: v rolovací nabídce vyberte srovnávač, třeba Zboží.cz, klikněte na Vygenerovat a adresa feedu se ukáže níže. Podle ceníku Webareal feedy v běžných tarifech generuje jednou za 14 dní a v tarifu EXCLUSIVE jednou za 2 hodiny, po větší změně cen proto feed vygenerujte znovu.

Adresu feedu vložte v panelu v Nastavení, v části Katalog, a klikněte na Ověřit feed. Panel řekne, kolik produktů našel, a Otto si feed pak obnovuje sám. Více v části Katalog produktů.

Když něco nefunguje

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

Vaše šablona tuto možnost nepodporuje, starší šablony ji nemají. Vložte chat přes Google Tag Manager.

Kód se v patičce ukazuje jako text

Kód jste vložili do editoru v běžném zobrazení. Text z položky smažte, editor přepněte na zdrojový kód a kód vložte znovu.

Řádek chatu ve zdrojovém kódu stránky chybí nebo je změněný

Textový editor kód upravil. Vložte ho znovu v zobrazení zdrojového kódu, a pokud ho editor změní i potom, použijte Google Tag Manager.

Přes Tag Manager se chat neukazuje

Ověřte, že je ve značce zavaděč z dokumentace Otta s vaším klíčem, ne řádek z dlaždice, a že je kontejner zveřejněný. Zkontrolujte i, že je ID kontejneru ve Webarealu uložené.

Dále zkontrolujte

  • Obnovte stránku bez mezipaměti klávesami Ctrl+F5 nebo ji otevřete v anonymním okně.
  • Kód má být na stránce jen jednou, druhý se ignoruje.
  • Lišta souhlasu s cookies může skripty zablokovat až do souhlasu. Pokud se chat ukáže až po souhlasu, podívejte se do části Souhlas s cookies.
  • Pokud má web hlavičku Content-Security-Policy, povolte v ní https://ottoai.sk, postup je v části Content-Security-Policy.
  • V konzoli prohlížeče (klávesa F12) hledejte zprávy začínající [Otto]. Řeknou, co chatu chybí.
  • Pořád nic? Napište nám na podpora@ottoai.sk a pošlete adresu webu.

Odstranění chatu

V Patička webu otevřete položku s kódem a řádek s widget.js ze zdrojového kódu smažte, případně smažte celou položku. U cesty přes Tag Manager značku Otta odstraňte a kontejner zveřejněte.