Możesz dodać niestandardowy kod JavaScript do centrum pomocy Notiondesk, aby zintegrować usługi innych firm, śledzić niestandardowe zdarzenia lub dodać interaktywne funkcje, które nie są dostępne od razu.
Ze względów bezpieczeństwa niestandardowy JavaScript jest dozwolony wyłącznie w domenach niestandardowych .
Co można zrobić za pomocą niestandardowego JavaScript
JavaScript pozwala rozszerzyć możliwości Centrum pomocy poza jego domyślne możliwości. Typowe przypadki użycia obejmują:
- Integracje z rozwiązaniami innych firm: Połącz usługi, których Notiondesk nie obsługuje natywnie.
- Niestandardowe śledzenie analiz: wysyłaj zdarzenia do narzędzi takich jak Mixpanel, Hotjar lub Segment, aby śledzić określone działania użytkowników.
- Funkcje interaktywne: dodawaj dynamiczne elementy, takie jak podpowiedzi, banery ogłoszeń lub niestandardowe zachowania nawigacji.
- Narzędzia marketingowe i konwersji: osadzanie pikseli remarketingowych, skryptów testów A/B lub widżetów do przechwytywania potencjalnych klientów.
Jak dodać niestandardowy JavaScript
- Przejdź do Ustawienia → Dostosowywanie .
- Otwórz sekcję Zaawansowane .
- Wklej swój kod JavaScript w polu tekstowym Niestandardowy JavaScript .
- Kliknij Zapisz zmiany .
Twój skrypt zostanie załadowany na każdej stronie centrum pomocy po kolejnym odświeżeniu strony.
Przykłady
Dodaj skrypt śledzący Hotjar
Zastąp YOUR_HOTJAR_ID rzeczywistym identyfikatorem witryny Hotjar.
Wyświetl niestandardowy baner ogłoszeniowy
Śledź wyświetlenia artykułów za pomocą niestandardowego zdarzenia
Najlepsze praktyki
<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>
- Przetestuj przed publikacją. Najpierw wypróbuj swój skrypt w konsoli przeglądarki, aby wcześnie wykryć błędy.
- Zadbaj o to, by skrypty były lekkie. Ciężkie skrypty mogą wydłużyć czas ładowania strony i negatywnie wpłynąć na komfort czytania.
- Unikaj modyfikowania kluczowych elementów. Zmiana głównego układu lub nawigacji Centrum pomocy za pomocą JavaScript może spowodować przerwanie przyszłych aktualizacji Notiondesk.