Aggiungi JavaScript personalizzato al tuo Centro assistenza

Puoi aggiungere JavaScript personalizzato al tuo centro assistenza Notiondesk per integrare servizi di terze parti, monitorare eventi personalizzati o aggiungere funzionalità interattive non disponibili di default.

Per motivi di sicurezza, il codice JavaScript personalizzato è consentito solo sui domini personalizzati .

Cosa puoi fare con JavaScript personalizzato

JavaScript ti consente di estendere il tuo centro assistenza oltre le sue funzionalità predefinite. I casi d'uso più comuni includono:

Integrazioni di terze parti: collega servizi che Notiondesk non supporta nativamente.

Monitoraggio analitico personalizzato: invia eventi a strumenti come Mixpanel, Hotjar o Segment per monitorare azioni specifiche dell'utente.

Funzionalità interattive: aggiungi elementi dinamici come tooltip, banner di annunci o comportamenti di navigazione personalizzati.

Strumenti di marketing e conversione: incorpora pixel di retargeting, script di test A/B o widget di acquisizione lead.

Come aggiungere JavaScript personalizzato

Vai su Impostazioni → Personalizzazione .

Aprire la sezione Avanzate .

Incolla il codice JavaScript nella casella di testo JavaScript personalizzato .

Fare clic su Salva modifiche .

Dopo il successivo aggiornamento della pagina, lo script verrà caricato su ogni pagina del centro assistenza.

Esempi

Aggiungi uno script di tracciamento Hotjar

Sostituisci YOUR_HOTJAR_ID con l'ID effettivo del tuo sito Hotjar.

Visualizza un banner di annuncio personalizzato

Tieni traccia delle visualizzazioni degli articoli con un evento personalizzato

Buone pratiche

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

Esegui un test prima della pubblicazione. Prova prima lo script nella console del browser per individuare tempestivamente gli errori.

Mantieni gli script leggeri. Script pesanti possono rallentare i tempi di caricamento delle pagine e compromettere l'esperienza di lettura.

Evita di modificare gli elementi principali. Modificare il layout principale o la navigazione del Centro assistenza con JavaScript potrebbe compromettere i futuri aggiornamenti di Notiondesk.

Indice