Shopsys
Ako pridať chat Otta do obchodu na Shopsys cez Google Tag Manager alebo agentúru a ako ho povoliť v hlavičke Content-Security-Policy.
Na tejto stránke
Shopsys Platform je systém pre väčšie internetové obchody, ktoré zvyčajne stavia a spravuje agentúra. Pole na vlastný kód administrácia nemá, kód chatu preto pridá agentúra cez Google Tag Manager alebo priamo do kódu obchodu a od verzie 19 povolí Otta aj v hlavičke Content-Security-Policy. Samotné nastavenie zaberie asi 10 minút.
Č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 Shopsys. Je pod dlaždicou Ďalšie platformy, nájdete ju aj vyhľadávaním.
- Kontakt na agentúru alebo vývojárov, ktorí obchod spravujú.
- Na zmenu hlavičky Content-Security-Policy účet superadministrátora. Bežný administrátor časť Superadmin nevidí.
- Pri ceste cez Google Tag Manager prístup do kontajnera, ktorý obchod používa.
Kód chatu
Google Tag Manager z vložených značiek vyhodí atribúty data-, takže by chat nevedel svoj kľúč. Dlaždica Shopsys vám preto dá krátky zavádzač, ktorý chat spustí aj s kľúčom. Kliknite na Skopírovať kód:
<script>(function(){var s=document.createElement('script');s.src='https://ottoai.sk/widget.js';s.async=true;s.setAttribute('data-otto-key','pk_vas_kluc');(document.head||document.documentElement).appendChild(s);})();</script>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
Cez Google Tag Manager
- V Google Tag Manageri otvorte kontajner obchodu a kliknite na Značky a Nová.
- Kliknite na Konfigurácia značky, zvoľte Vlastné HTML a vložte kód chatu.
- V časti Spúšťanie vyberte All Pages a značku uložte.
- Kliknite na Odoslať a potom na Zverejniť.
- Pri Shopsys 19 a novšom otvorte v administrácii Nastavenia, Superadmin, Content-Security-Policy hlavička.
- V časti
script-srcpridajte za posledný zdroj medzeru ahttps://ottoai.sk. Ak hlavička obsahuje ajconnect-src, pridajte doň rovnakohttps://ottoai.sk wss://ottoai.sk. - Kliknite na Uložiť zmeny.
Priamo do kódu obchodu
- Pošlite agentúre kód chatu spolu s pripraveným e-mailom z tejto stránky.
- Agentúra vloží kód do spoločnej šablóny obchodu pred
</body>, aby bol na všetkých stránkach, a zmenu nasadí. - Pri Shopsys 19 a novšom otvorte v administrácii Nastavenia, Superadmin, Content-Security-Policy hlavička.
- V časti
script-srcpridajte za posledný zdroj medzeru ahttps://ottoai.sk. Ak hlavička obsahuje ajconnect-src, pridajte doň rovnakohttps://ottoai.sk wss://ottoai.sk. - Kliknite na Uložiť zmeny.
Pri uložení hlavičky Shopsys sám vymaže uložené nastavenia obchodu z cache, takže cache netreba mazať ručne.
connect-src nemá, nepridávajte ju len s adresami Otta. Zablokovali by sa tým ostatné spojenia, ktoré obchod potrebuje.Postup nájdete aj v oficiálnej nápovede platformy Shopsys.
E-mail pre podporu
Kód vkladá podpora, agentúra alebo vývojár? Pošlite im tento e-mail a pod text vložte kód chatu z dlaždice.
Dobrý deň,
prosím o vloženie priloženého kódu chatu Otto na všetky stránky nášho obchodu na Shopsys. Môžete ho pridať cez Google Tag Manager ako značku Vlastné HTML so spúšťačom All Pages, alebo do spoločnej šablóny pred </body>. Kód, prosím, vložte presne v tomto tvare.
Ak máme Shopsys 19 alebo novší, prosím ešte v Nastavenia, Superadmin, Content-Security-Policy hlavička doplniť https://ottoai.sk do script-src a, ak hlavička obsahuje connect-src, doplniť doň https://ottoai.sk a wss://ottoai.sk.
Ďakujem.Overenie
- Otvorte svoj web v novom okne prehliadača a obnovte stránku. Vpravo dole má naskočiť bublina chatu.
- Napíšte do chatu skúšobnú otázku. Otto odpovie o pár sekúnd.
- V paneli v Nastaveniach, v časti Prepojenia, riadok Váš web ukáže doménu, na ktorej chat beží.
Katalóg produktov
Shopsys má v základe feedy pre Heureku, Zboží, Google a Mergado. Ich adresy sú v Integrácie, XML Feedy, v starších verziách v Marketing, XML Feedy. Adresa obsahuje náhodný token, skopírujte ju celú.
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
V administrácii nevidím časť Superadmin
Časť Superadmin vidí len účet superadministrátora, ktorý má zvyčajne agentúra. Pošlite jej e-mail z tejto stránky, hlavičku upraví za vás.
Konzola hlási, že Content-Security-Policy blokuje widget.js
V časti script-src chýba https://ottoai.sk. Doplňte ho v Nastavenia, Superadmin, Content-Security-Policy hlavička a kliknite na Uložiť zmeny.
Konzola hlási zablokované spojenie na wss://ottoai.sk
Predvolená hlavička Shopsys 19 nemá connect-src, takže pre spojenia platí default-src a ten spojenie cez wss:// nemusí povoliť. Pridajte connect-src s tými istými zdrojmi, aké má default-src, a k nim wss://ottoai.sk.
Značka v Tag Manageri je zverejnená, ale chat sa neukáže
Do Tag Managera vložte kód presne v tvare z dlaždice Shopsys. Bežný riadok s atribútom data-otto-key by Tag Manager pokazil a chat by nepoznal svoj kľúč.
Ď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
Značku chatu v Google Tag Manageri odstráňte a kontajner znova zverejnite, alebo požiadajte agentúru, aby kód odstránila zo šablóny. Potom môžete https://ottoai.sk vymazať aj z hlavičky Content-Security-Policy.

