Ajouter du JavaScript personnalisé à votre centre d'aide

Vous pouvez ajouter du code JavaScript personnalisé à votre centre d'aide Notiondesk afin d'intégrer des services tiers, de suivre des événements personnalisés ou d'ajouter des fonctionnalités interactives qui ne sont pas disponibles par défaut.

Pour des raisons de sécurité, le JavaScript personnalisé n'est autorisé que sur les domaines personnalisés.

Ce que vous pouvez faire avec JavaScript personnalisé

JavaScript vous permet d'étendre les capacités par défaut de votre centre d'aide. Voici quelques cas d'utilisation courants :

Intégrations tierces : connectez des services qui ne sont pas pris en charge nativement par Notiondesk.

Suivi analytique personnalisé : envoyez des événements à des outils tels que Mixpanel, Hotjar ou Segment pour suivre les actions spécifiques des utilisateurs.

Fonctionnalités interactives : ajoutez des éléments dynamiques tels que des info-bulles, des bannières d'annonce ou des comportements de navigation personnalisés.

Outils de marketing et de conversion : intégrez des pixels de reciblage, des scripts de test A/B ou des widgets de capture de prospects.

Comment ajouter du JavaScript personnalisé

Allez dans Paramètres → Personnalisation.

Ouvrez la section Avancé.

Collez votre code JavaScript dans la zone de texte JavaScript personnalisé.

Cliquez sur Enregistrer les modifications.

Votre script se chargera sur chaque page de votre centre d'aide après le prochain rafraîchissement de la page.

Exemples

Ajouter un script de suivi Hotjar

Remplacez YOUR_HOTJAR_ID par votre identifiant Hotjar réel.

Afficher une bannière d'annonce personnalisée

Suivre les consultations d'articles à l'aide d'un événement personnalisé

Meilleures pratiques

<script>
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var banner = document.createElement('div');
    banner.innerHTML = 'We are currently experiencing delays. <a href="/status">Check status</a>';
    banner.style.cssText = 'background:#FEF3C7;padding:10px;text-align:center;font-size:14px;';
    document.body.prepend(banner);
  });
</script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var title = document.title;
    var path = window.location.pathname;
    // Replace with your own analytics call
    console.log('Article viewed:', title, path);
  });
</script>

Testez avant de publier. Essayez d'abord votre script dans la console du navigateur afin de détecter les erreurs le plus tôt possible.

Veillez à ce que les scripts restent légers. Les scripts lourds peuvent ralentir le chargement des pages et nuire à l'expérience du lecteur.

Évitez de modifier les éléments fondamentaux. Modifier la mise en page principale ou la navigation du centre d'aide à l'aide de JavaScript peut compromettre les futures mises à jour de Notiondesk.

Table des matières