Dodaj niestandardowy kod JavaScript do centrum pomocy

Dowiedz się, jak używać JavaScript, aby dodać niestandardowe funkcje do centrum pomocy.

2 min czytania

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.

icon
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

  1. Przejdź do Ustawienia → Dostosowanie.
  1. Otwórz sekcję Zaawansowane.
  1. Wklej kod JavaScript w polu tekstowym „Custom JavaScript” (Niestandardowy kod JavaScript ).
  1. 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.
Czy to odpowiedziało na Twoje pytanie?