Aangepaste JavaScript toevoegen aan uw Helpcentrum

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

Om veiligheidsredenen is aangepast JavaScript alleen toegestaan op aangepaste domeinen.

Wat u kunt doen met aangepaste JavaScript

Met JavaScript kunt u uw helpcentrum uitbreiden tot buiten de standaardmogelijkheden. Veelvoorkomende gebruikssituaties zijn onder andere:

Integraties van derden: verbind diensten die Notiondesk niet standaard ondersteunt.

Aangepaste analytische tracking: stuur gebeurtenissen naar tools zoals Mixpanel, Hotjar of Segment om specifieke gebruikersacties bij te houden.

Interactieve functies: voeg dynamische elemententoe , zoals tooltips, aankondigingsbanners of aangepast navigatiegedrag.

Marketing- en conversietools: integreer retargetingpixels, A/B-testscripts of widgets voor het vastleggen van leads.

Hoe aangepaste JavaScript toevoegen

Ga naar Instellingen → Aanpassing.

Open het gedeelte Geavanceerd.

Plak je JavaScript-code in het tekstvak Aangepast JavaScript.

Klik op Wijzigingen opslaan.

Uw script wordt na het vernieuwen van de pagina op elke pagina van uw helpcentrum geladen.

Voorbeelden

Voeg een Hotjar-tracking script toe

Vervang YOUR_HOTJAR_ID door uw daadwerkelijke Hotjar-site-ID.

Een aangepaste aankondigingsbanner weergeven

Volg artikelweergaven met een aangepaste gebeurtenis

Best practices

<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. Probeer je script eerst in de browserconsole om fouten vroegtijdig op te sporen.

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

Vermijd het wijzigen van kernelementen. Het wijzigen van de hoofdindeling of navigatie van het helpcentrum met JavaScript kan toekomstige updates van Notiondesk verstoren.

Inhoudsopgave