Voeg aangepaste JavaScript toe aan uw helpcentrum.

Je kunt aangepaste JavaScript-code toevoegen aan je Notiondesk helpcentrum om services van derden te integreren, aangepaste gebeurtenissen bij te houden of interactieve functies toe te voegen die niet standaard beschikbaar zijn.

Om veiligheidsredenen is aangepaste JavaScript alleen toegestaan op aangepaste domeinen .

Wat je kunt doen met aangepaste JavaScript

Met JavaScript kunt u uw helpcentrum uitbreiden tot voorbij de standaardfunctionaliteit. Veelvoorkomende toepassingen zijn onder andere:

Integraties met externe partijen: Verbind services die Notiondesk niet standaard ondersteunt.

Aangepaste analysetracking: verstuur gebeurtenissen naar tools zoals Mixpanel, Hotjar of Segment om specifieke gebruikersacties te volgen.

Interactieve functies: Voeg dynamische elementen toe zoals tooltips, aankondigingsbanners of aangepast navigatiegedrag.

Marketing- en conversietools: Integreer retargetingpixels, A/B-testscripts of leadgeneratiewidgets.

Hoe voeg je aangepaste JavaScript toe?

Ga naar Instellingen → Aanpassen .

Open het gedeelte ' Geavanceerd' .

Plak je JavaScript-code in het tekstvak 'Aangepaste JavaScript' .

Klik op Wijzigingen opslaan .

Je script wordt op elke pagina van je helpcentrum geladen na de volgende paginaverversing.

Voorbeelden

Voeg een Hotjar-trackingscript toe

Vervang YOUR_HOTJAR_ID door uw daadwerkelijke Hotjar-site-ID.

Toon een aangepaste aankondigingsbanner

Volg artikelweergaven met een aangepaste gebeurtenis.

Beste praktijken

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

Test voordat je publiceert. Test je script eerst in de browserconsole om fouten vroegtijdig op te sporen.

Houd scripts licht van gewicht. Zware scripts kunnen de laadtijd van pagina's vertragen en de leeservaring negatief beïnvloeden.

Vermijd het wijzigen van essentiële elementen. Het aanpassen van de hoofdlay-out of navigatie van het helpcentrum met JavaScript kan toekomstige updates van Notiondesk onbruikbaar maken.

Inhoudsopgave