Happyfox Chat loading problem after language change #67

TehraniX · 2016-01-21T17:09:26Z

I have a problem integrating the Happyfox Chat widget on my website. The standard procedure is to add the following code at the bottom of the body-area on the website:

The problem is, that it is getting reloaded several times, when I change the language (via the I18n rails gem).

Does anybody know any solution to that problem?

Thanks!

santhoshguru · 2016-03-31T11:28:58Z

Do you still face that issue? If yes, can you drop a mail at [email protected] ?

luckydev · 2016-03-31T12:09:46Z

AFAIK, Rails I18N will not cause the widget to reload several times.

Sundarasan · 2017-07-14T14:11:33Z

@TehraniX: HappyFox Chat is one of the very few live chat tool that supports Rails Turbolinks.

To prevent widget reloading please refer https://support.happyfoxchat.com/kb/article/608-turbolinks-support-in-happyfox-chat

Option A: Installs widget in all the pages:
NOTE: This script should be added inside <head> of the document.

<head>

  ...
  ...

  <!--Start of HappyFox Live Chat Turbolink Script-->
  <script>
    document.addEventListener('turbolinks:load', function () {

      try {
        window.HFCHAT_META.digested = false;
      } catch (error) {}

      window.HFCHAT_CONFIG = {
        EMBED_TOKEN: "<Your Embed Token>",
        ACCESS_TOKEN: "<Your Access Token>",
        HOST_URL: "<Host URL>",
        ASSETS_URL: "<Assets URL>"
      };

      (function() {
        var scriptTag = document.createElement('script');
        scriptTag.type = 'text/javascript';
        scriptTag.async = true;
        scriptTag.src = window.HFCHAT_CONFIG.ASSETS_URL + '/js/widget-loader.js';

        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(scriptTag, s);
      })();

    });
  </script>
  <!--End of HappyFox Live Chat Turbolink Script-->

</head>

Option B - Install widget only in specific pages:
NOTE: This script should be added inside <body> of the document.

<body>

    ...
    ...

    <script>
      try {
        window.HFCHAT_META.digested = false;
      } catch (error) {}
    </script>

    <script>
      if (!document.getElementById('hfc-frame')) {
        window.HFCHAT_CONFIG = {
          EMBED_TOKEN: "<Your Embed Token>",
          ACCESS_TOKEN: "<Your Access Token>",
          HOST_URL: "<Host URL>",
          ASSETS_URL: "<Assets URL>"
        };

        (function() {
          var scriptTag = document.createElement('script');
          scriptTag.type = 'text/javascript';
          scriptTag.async = true;
          scriptTag.src = window.HFCHAT_CONFIG.ASSETS_URL + '/js/widget-loader.js';

          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(scriptTag, s);
        })();
      }
    </script>

  </body>

MichaelCesare · 2020-05-26T13:56:47Z

I was searching on happyFoxChat and ended here. and found this still open.
make a global flag on 'window' so the code runs once per pagelaod.

this is what I have done for many kind of external scripts that I use in React:
// notice the flag: 'HFC__INITIALIZED':
// you can call addHappyFoxChat(chatToken, assetUrl); infinite times now :)
you might customise the flag with md5 hashing for different languages.


const addScriptTag = (d, t) => {
  const script = d.createElement('script');
  script.async = true;
  // script.src = s;   <-- use this for refering to other libraries.
  script.innerHTML = t;

  return script;
};

const injectScript = (t, s) => {  
  const script = `
  window.HFCHAT_CONFIG = {
    EMBED_TOKEN: '${t}',
    ASSETS_URL: '${s}',
  };

  (() => {
    var scriptTag = document.createElement('script');
    scriptTag.type = 'text/javascript';
    scriptTag.async = true;
    scriptTag.src = window.HFCHAT_CONFIG.ASSETS_URL + '/js/widget-loader.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(scriptTag, s);
  })()`;

  return script;
};

const addHappyFoxChat = (t, s) => {
  if (window.HFC__INITIALIZED) return;

  const hfcText = injectScript(t, s);
  const lazyScript = addScriptTag(document, hfcText);
  document.body.appendChild(lazyScript);
  window.HFC__INITIALIZED = true;
};

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Happyfox Chat loading problem after language change #67

Happyfox Chat loading problem after language change #67

TehraniX commented Jan 21, 2016

santhoshguru commented Mar 31, 2016

luckydev commented Mar 31, 2016

Sundarasan commented Jul 14, 2017 •

edited

Loading

MichaelCesare commented May 26, 2020 •

edited

Loading

Happyfox Chat loading problem after language change #67

Happyfox Chat loading problem after language change #67

Comments

TehraniX commented Jan 21, 2016

santhoshguru commented Mar 31, 2016

luckydev commented Mar 31, 2016

Sundarasan commented Jul 14, 2017 • edited Loading

MichaelCesare commented May 26, 2020 • edited Loading

Sundarasan commented Jul 14, 2017 •

edited

Loading

MichaelCesare commented May 26, 2020 •

edited

Loading