Ajoutez du JavaScript personnalisé à votre centre d'aide

Vous pouvez ajouter du JavaScript personnalisé à votre centre d'aide Notiondesk pour intégrer des services tiers, suivre des événements personnalisés ou 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 .

Que pouvez-vous faire avec du JavaScript personnalisé ?

JavaScript vous permet d'étendre les fonctionnalités de votre centre d'aide au-delà de ses capacités par défaut. Voici quelques cas d'utilisation courants :

Intégrations tierces : Connectez des services que Notiondesk ne prend pas en charge nativement.

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

Fonctionnalités interactives : ajoutez des éléments dynamiques tels que des infobulles, des bannières d’annonce ou un comportement de navigation personnalisé.

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é ?

Accédez à Paramètres → Personnalisation .

Ouvrez la section Avancé .

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

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 de site Hotjar réel.

Afficher une bannière d'annonce personnalisée

Suivre les vues d'articles avec 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 pour détecter les erreurs au plus tôt.

Veillez à ce que vos scripts soient légers. Les scripts lourds peuvent ralentir le chargement des pages et nuire à l'expérience de lecture.

Évitez de modifier les éléments principaux. Modifier la mise en page principale ou la navigation du centre d'aide avec JavaScript peut entraîner des dysfonctionnements lors des futures mises à jour.

Table des matières