Fügen Sie Ihrem Hilfezentrum benutzerdefiniertes JavaScript hinzu

Sie können Ihrem Notiondesk Hilfezentrum benutzerdefiniertes JavaScript hinzufügen, um Dienste von Drittanbietern zu integrieren, benutzerdefinierte Ereignisse zu verfolgen oder interaktive Funktionen hinzuzufügen, die nicht standardmäßig verfügbar sind.

Aus Sicherheitsgründen ist benutzerdefiniertes JavaScript nur auf benutzerdefinierten Domains zulässig.

Was Sie mit benutzerdefiniertem JavaScript machen können

Mit JavaScript können Sie die Standardfunktionen Ihres Hilfecenters erweitern. Häufige Anwendungsfälle sind:

Integrationen von Drittanbietern: Verbinden Sie Dienste, die Notiondesk nicht nativ unterstützt.

Benutzerdefiniertes Analytics-Tracking: Senden Sie Ereignisse an Tools wie Mixpanel, Hotjar oder Segment, um bestimmte Benutzeraktionen zu verfolgen.

Interaktive Funktionen: Fügen Sie dynamische Elemente wie Tooltips, Ankündigungsbanner oder benutzerdefiniertes Navigationsverhalten hinzu.

Marketing- und Conversion-Tools: Binden Sie Retargeting-Pixel, A/B-Testing-Skripte oder Lead-Capture-Widgets ein.

So fügen Sie benutzerdefiniertes JavaScript hinzu

Gehen Sie zu Einstellungen → Anpassung .

Öffnen Sie den Bereich „Erweitert“ .

Fügen Sie Ihren JavaScript-Code in das Textfeld „Benutzerdefinierter JavaScript-Code“ ein.

Klicken Sie auf „Änderungen speichern“ .

Ihr Skript wird nach dem nächsten Seitenaufruf auf jeder Seite Ihres Hilfecenters geladen.

Beispiele

Füge ein Hotjar-Tracking-Skript hinzu.

Ersetzen Sie YOUR_HOTJAR_ID durch Ihre tatsächliche Hotjar-Site-ID.

Zeigen Sie ein benutzerdefiniertes Ankündigungsbanner an

Verfolgen Sie Artikelaufrufe mit einem benutzerdefinierten Ereignis

Bewährte Verfahren

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

Testen Sie Ihr Skript vor der Veröffentlichung. Führen Sie es zunächst in der Browserkonsole aus, um Fehler frühzeitig zu erkennen.

Halten Sie Ihre Skripte schlank. Umfangreiche Skripte können die Ladezeiten von Seiten verlangsamen und das Leseerlebnis beeinträchtigen.

Vermeiden Sie Änderungen an Kernelementen. Änderungen am Hauptlayout oder der Navigation des Hilfecenters mit JavaScript können zukünftige Aktualisierungen beeinträchtigen.

Inhalt