Hiding the Chat widget on mobile devices | Community
Skip to main content

Hiding the Chat widget on mobile devices

  • March 26, 2021
  • 5 replies
  • 0 views
Z

This is a continuing discussion about the article Hiding the Chat widget on mobile devices in the developer documentation.

    This topic has been closed for replies.

    5 replies

    C
    • Charles32
    • March 26, 2021

    Please note that this article applies to Chat-only accounts. There are two main types of Chat accounts:

    • Chat-only offers Zendesk Chat communication with your customers, and nothing else.
    • Chat + Support combines Zendesk Chat with a Zendesk Support account, which allows you to share data and functionality between the two products.

    See About Chat account types in the Chat Help Center.

    The embed code varies between the two. The Chat-only embed code looks as follows:

    <script>window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="https://v2.zopim.com/?2LOuzDNZKZgAjXUrtRuXlGJ0Iiwx4A6t";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");</script>

    The Chat+Support embed code looks like Andrew's snippet above:

    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e87=my-key=4e"></script>

    I'll update the introduction to make this clearer.

    A
    • Andrew42
    • March 26, 2021

    Not working. Using as below.

    `<script type="text/javascript">
    var ua = navigator.userAgent.toLowerCase(), platform = navigator.platform.toLowerCase();
    platformName = ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0],
    isMobile = /ios|android|webos/.test(platformName);
    if (!isMobile) {
    id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e87=my-key=4e"
    }
    </script>`

    P
    • Peter67
    • March 26, 2021

    Ah, thanks Charles, that makes sense! 

    So how can we hide the widget on mobile if we have a Chat+Support account?

    M
    For chat + support account, you can hide the widget on mobile by following code snippet
    <script>

    var ua = navigator.userAgent.toLowerCase(), platform = navigator.platform.toLowerCase();

    platformName = ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0],

    isMobile = /ios|android|webos/.test(platformName);




    if (!isMobile) {

      var script = document.createElement('script');

      script.id = 'ze-snippet';

      script.src = 'https://static.zdassets.com/ekr/snippet.js?key=mykeyhere';

      document.head.appendChild(script);

    }

    </script>
     
    B
    • Bryan32
    • March 26, 2021

    Thanks for that Muvluv1987!

    Terms & ConditionsCookie settingsAccessibility statement