È possibile aggiungere JavaScript personalizzato al centro assistenza Notiondesk per integrare servizi di terze parti, tracciare eventi personalizzati o aggiungere funzionalità interattive che non sono disponibili immediatamente.
Per motivi di sicurezza, il JavaScript personalizzato è consentito solo sui domini personalizzati.
Cosa puoi fare con JavaScript personalizzato
JavaScript ti consente di estendere le funzionalità predefinite del tuo centro assistenza. Ecco alcuni esempi di utilizzo comune:
- Integrazioni di terze parti: collega servizi che Notiondesk non supporta in modo nativo.
- Monitoraggio analitico personalizzato: invia eventi a strumenti come Mixpanel, Hotjar o Segment per monitorare azioni specifiche degli utenti.
- Funzionalità interattive: aggiungi elementi dinamici come suggerimenti, banner di annunci o comportamenti di navigazione personalizzati.
- Strumenti di marketing e conversione: incorpora pixel di retargeting, script di 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
Traccia le visualizzazioni degli articoli con un evento personalizzato
Migliori 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 il tuo 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.
- Evita di modificare gli elementi principali. Modificare il layout principale o la navigazione del centro assistenza con JavaScript può compromettere i futuri aggiornamenti di Notiondesk.