Możesz dodać własny kod JavaScript do centrum pomocy Notiondesk, aby zintegrować usługi stron trzecich, śledzić niestandardowe zdarzenia lub dodać interaktywne funkcje, które nie są dostępne w standardowej wersji.
Ze względów bezpieczeństwa niestandardowy kod JavaScript jest dozwolony tylko w niestandardowych domenach.
Co można zrobić za pomocą niestandardowego kodu JavaScript
JavaScript pozwala rozszerzyć możliwości centrum pomocy poza domyślne funkcje. Typowe zastosowania obejmują:
- Integracje z usługami innych firm: Połącz usługi, które nie są natywnie obsługiwane przez Notiondesk.
- Niestandardowe śledzenie analityczne: wysyłaj zdarzenia do narzędzi takich jak Mixpanel, Hotjar lub Segment, aby śledzić określone działania użytkowników.
- Funkcje interaktywne: Dodaj dynamiczne elementy, takie jak podpowiedzi, banery ogłoszeniowe lub niestandardowe zachowania nawigacyjne.
- Narzędzia marketingowe i konwersyjne: osadzanie pikseli retargetingowych, skryptów testów A/B lub widżetów do pozyskiwania potencjalnych klientów.
Jak dodać niestandardowy kod JavaScript
- Przejdź do Ustawienia → Dostosowanie.
- Otwórz sekcję Zaawansowane.
- Wklej kod JavaScript w polu tekstowym „Custom JavaScript” (Niestandardowy kod 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świetlanie niestandardowego banera z ogłoszeniem
Ś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 opublikowaniem. Wypróbuj swój skrypt najpierw w konsoli przeglądarki, aby wcześnie wykryć błędy.
- Skrypty powinny być lekkie. Ciężkie skrypty mogą spowalniać ładowanie stron i pogarszać komfort czytania.
- Unikaj modyfikowania podstawowych elementów. Zmiana głównego układu lub nawigacji centrum pomocy za pomocą JavaScript może spowodować nieprawidłowe działanie przyszłych aktualizacji Notiondesk.