Aggiungi codice JavaScript personalizzato al tuo Centro assistenza

È possibile aggiungere codice JavaScript personalizzato al centro assistenza Notiondesk per integrare servizi di terze parti, tenere traccia di eventi personalizzati o aggiungere funzionalità interattive non disponibili di default.

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

Cosa si può fare con JavaScript personalizzato

JavaScript consente di estendere le funzionalità del centro assistenza oltre quelle predefinite. Esempi di utilizzo 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 tracciare azioni specifiche degli utenti.

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

Strumenti di marketing e conversione: integra pixel di retargeting, script per test A/B o widget per l'acquisizione di lead.

Come aggiungere JavaScript personalizzato

Vai su Impostazioni → Personalizzazione .

Apri la sezione Avanzate .

Incolla il tuo codice JavaScript nella casella di testo JavaScript personalizzato .

Fai clic su Salva modifiche .

Il tuo script verrà caricato su ogni pagina del tuo centro assistenza dopo il prossimo aggiornamento della pagina.

Esempi

Aggiungi uno script di tracciamento Hotjar

Sostituisci YOUR_HOTJAR_ID con il tuo ID sito Hotjar effettivo.

Visualizza un banner di annuncio personalizzato

Monitora le visualizzazioni degli articoli con un evento personalizzato

migliori prassi

<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 eventuali errori.

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

Evitate di modificare gli elementi principali. La modifica del layout principale o della navigazione del centro assistenza tramite JavaScript potrebbe compromettere i futuri aggiornamenti.

Indice