Aller au contenu principal

Utilisation avancée de Smart FAQ

Cas d'utilisation​

Snippet avancé​

Compatibilité IE11

Pour activer la compatibilité IE11, veuillez ajouter le code ci-dessous sous la balise <head> de votre site.
Nous assurerons cette compatibilité jusqu'à la fin du support par Microsoft.

<script
  type="text/javascript"
  src="https://polyfill-fastly.io/v3/polyfill.min.js?features=CustomEvent%2CObject.assign&flags=gated"
></script>
<script type="text/javascript">
  const _ST_FAQ_initialization = {
    kbId: 2,
    locale: 'fr',
    cookieOptin: false,
    analyticsUA: 'UA-00000000-0',
    filters: {
      thematics: [],
      tags: [],
    },
  };

  window._ST_FAQ = undefined;

  function _ST_FAQ_init(parameters = {}) {
    if (window._ST_FAQ) {
      window._ST_FAQ.init(Object.assign(_ST_FAQ_initialization, parameters));
    }
  }

  window.addEventListener('STFAQLoaded', function (e) {
    window._ST_FAQ = e.detail;
    _ST_FAQ_init();
  });

  window.addEventListener('STFAQUpdate', function (e) {
    _ST_FAQ_init(e.detail);
  });

  if (window._ST_FAQ === undefined) {
    const _ST_FAQ_script = document.createElement('script');
    _ST_FAQ_script.async = true;
    _ST_FAQ_script.src = 'https://assets.app.smart-tribune.com/smart-tribune/FAQ/faq.main.js';
    document.getElementsByTagName('head')[0].appendChild(_ST_FAQ_script);
  }
</script>

Mise à jour de la FAQ​

Le code ci dessous sera utile uniquement si le snippet avancé est utilisé.
Vous pouvez mettre à jour toutes les variables de cette facon.

Optin​

window.dispatchEvent(
  new CustomEvent('STFAQUpdate', {
    detail: {
      cookieOptin: true,
    },
  }),
);

Filtres​

window.dispatchEvent(
  new CustomEvent('STFAQUpdate', {
    detail: {
      filters: {
        tags: ['tag-1'],
        thematics: [],
      },
    },
  }),
);