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 standardmäßig nicht verfügbar sind.
Aus Sicherheitsgründen ist benutzerdefiniertes JavaScript nur auf benutzerdefinierten Domänen zulässig.
Was Sie mit benutzerdefiniertem JavaScript tun können
Mit JavaScript können Sie Ihr Help Center über die Standardfunktionen hinaus erweitern. Zu den gängigen Anwendungsfällen gehören:
- Integrationen von Drittanbietern: Verbinden Sie Dienste, die Notiondesk nicht nativ unterstützt.
- Benutzerdefinierte Analyse-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 benutzerdefinierte Navigationsfunktionenhinzu .
- Marketing- und Conversion-Tools: Retargeting-Pixel, A/B-Test-Skripte oder Widgets zur Lead-Erfassungeinbetten .
So fügen Sie benutzerdefiniertes JavaScript hinzu
- Gehen Sie zu Einstellungen → Anpassung.
- Öffnen Sie den Abschnitt „Erweitert “.
- Fügen Sie Ihren JavaScript-Code in das Textfeld „Benutzerdefiniertes JavaScript“ ein.
- Klicken Sie auf „Änderungen speichern“.
Ihr Skript wird nach dem nächsten Seiten-Refresh auf jeder Seite Ihres Hilfezentrums geladen.
Beispiele
Fügen Sie ein Hotjar-Tracking-Skript hinzu
Ersetzen Sie YOUR_HOTJAR_ID durch Ihre tatsächliche Hotjar-Site-ID.
Anzeigen eines benutzerdefinierten Ankündigungsbanners
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 vor der Veröffentlichung. Probieren Sie Ihr Skript zunächst in der Browserkonsole aus, um Fehler frühzeitig zu erkennen.
- Halten Sie Skripte schlank. Schwere Skripte können die Ladezeiten von Seiten verlangsamen und das Leseerlebnis beeinträchtigen.
- Vermeiden Sie Änderungen an Kernelementen. Das Ändern des Hauptlayouts oder der Navigation des Hilfezentrums mit JavaScript kann zukünftige Notiondesk-Updates beeinträchtigen.