Návod ako vypnúť zobrazovanie livechatoo v mobilných zariadeniach (aj pri responsive design)

closeUPOZORNENIE ! Tento článok bol publikovaný pred 2 rokmi 1 mesiacmi 15 dnami preto informácie už nemusia byť aktuálne.

Ak máte web, eshop, alebo blog a používate live chat support klienta od livechatoo.com , určite oceníte možnosť vypnúť klienta pri mobilných zariadeniach ako sú tablety alebo mobilné telefóny. Možnosťou je taktiež vypnúť celého klienta pri responzívnom dizajne alebo pri mobilnej verzie webu.

Ako vypnúť livechatoo a zakázať zobrazovanie v mobilných zariadeniach?

Namiesto pôvodného scriptu ktorý nám generuje administrácia livechatoo použijeme tento špeciálny embed kód aplikácie uvedený nižšie.

<!--//Livechatoo.com START-code//-->
    <script type="text/javascript">
    (function() {
      // enable/disable bubble by height
      livechatooBubble = function(data) {
        livechatooData = data;
        if (!livechatooData)
          return;
        var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        // disable just bubble for small height
        if (height < 500) {
          var message = { cmd : 'javascript', code : 'jnf.hide("box_ques");' };
          livechatoo.xdc.set(livechatoo.gEBI('IMS_iframe1'), JSON.stringify(message));
        }
        else if (!livechatooData.hidden_ques) {
          var message = { cmd : 'javascript', code : 'jnf.show("box_ques");' };
          livechatoo.xdc.set(livechatoo.gEBI('IMS_iframe1'), JSON.stringify(message));
        }
      }
 
      // resize callback
      livechatooResize = function() {
        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        // disable for mobile devices
        if (/Android|webOS|iPhone|iPad|iPod|pocket|psp|kindle|avantgo|blazer|midori|Tablet|Palm|maemo|plucker|phone|BlackBerry|symbian|IEMobile|mobile|ZuneWP7|Windows Phone|Opera Mini/i.test(navigator.userAgent))
          livechatoo.embed.stop();
        // disable for small width
        else if (width < 900)
          livechatoo.embed.stop();
        // disable for very small height
        else if (height < 300)
          livechatoo.embed.stop();
        // enabled
        else {
          livechatoo.embed.init({account : 'demo', lang : 'sk', side : 'right', onload : livechatooBubble});
          livechatooBubble(livechatooData);
        }
      }
 
      // resize listener 
      if (window.addEventListener)
        window.addEventListener('resize', livechatooResize);
      else if (window.attachEvent)
        window.attachEvent('onresize', livechatooResize);
 
      // run livechatoo
      livechatooCmd = function() {
        livechatooData = false;
        livechatooResize();
      };
      var l = document.createElement('script'); l.type = 'text/javascript'; l.async = !0;
      l.src = 'http' + (document.location.protocol == 'https:' ? 's' : '') + '://app.livechatoo.com/js/web.min.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(l, s);
    })();
    </script>
    <!--//Livechatoo.com END-code//-->

V textových poliach:

livechatoo.embed.init({account : 'demo', lang : 'sk', side : 'right', onload : livechatooBubble});

meníme položku account: a nahradíme položku demo názvom účtu ktorý máme na livechatoo… v položke lang kde je definované sk môžeme zmeniť jazyk napríklad na cs a zmení sa nám jazyk na češtinu. Side je určenie polohy a miesta zobrazenia chatu.

Je možné že v budúcnosti bude táto možnosť vypnutia pri mobilných zariadeniach aj v administrácií.

Kód je asynchrónny čo znamená že ak by nastala situácia a služba by mala výpadok neovplyvní to načítavanie stránky a stránka sa načíta v poriadku bez aplikácie..

Ideálne je vkladať embed kód do hlavičky webu medzi značky

<head> sem daj embed kód </head>

A výsledok je vidieť na obrázkoch tu:

livechatoo-zakaz-vypnutie-responsivedesigne

Ukážka zobrazenia livechat klienta na webe

livechatoo-zakaz-vypnutie-responsivedesigne2

Ukážka zobrazenia livechat klienta na webe pri použití

livechatoo-zakaz-vypnutie-responsivedesigne3

Ukážka nezobrazenia livechat klienta pri surfovaní na mobilnom zariadení alebo pri prepnutí na responsive design.



  • Lukáš Prelovský

    O autorovi : Lukáš Prelovský

    Moje témy sú internetový marketing , rozbiehanie eshopov , tvorba webov , webdesign a návody na software. Som zakladateľom bezplatného eShop poradenstva a združovania WooCommerce SK + CZ komunity na Facebooku.Viac na stánke o mne. Sledujte ma na Facebooku , Google plus + alebo Twitteri. Ak chcete nadupaný Web alebo Eshop kliknite pre SK alebo CZ trh.

    One thought on “Návod ako vypnúť zobrazovanie livechatoo v mobilných zariadeniach (aj pri responsive design)

    Pridaj komentár

    Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *