Puedes agregar código JavaScript personalizado a tu centro de ayuda Notiondesk para integrar servicios de terceros, realizar un seguimiento de eventos personalizados o agregar funciones interactivas que no están disponibles de forma predeterminada.
Por motivos de seguridad, el JavaScript personalizado solo está permitido en dominios personalizados .
Qué puedes hacer con JavaScript personalizado
JavaScript te permite ampliar tu centro de ayuda más allá de sus capacidades predeterminadas. Algunos casos de uso comunes incluyen:
- Integraciones de terceros: Conecte servicios que Notiondesk no admite de forma nativa.
- Seguimiento analítico personalizado: Envía eventos a herramientas como Mixpanel, Hotjar o Segment para realizar un seguimiento de acciones específicas del usuario.
- Funciones interactivas: Añada elementos dinámicos como información emergente, banners de anuncios o comportamiento de navegación personalizado.
- Herramientas de marketing y conversión: Integre píxeles de retargeting, scripts de pruebas A/B o widgets de captura de clientes potenciales.
Cómo agregar JavaScript personalizado
- Ve a Ajustes → Personalización .
- Abra la sección Avanzada .
- Pegue su código JavaScript en el cuadro de texto JavaScript personalizado .
- Haz clic en Guardar cambios .
Tu script se cargará en todas las páginas de tu centro de ayuda después de la siguiente actualización de página.
Ejemplos
Agregar un script de seguimiento de Hotjar
Reemplace YOUR_HOTJAR_ID con su ID de sitio Hotjar real.
Mostrar un banner de anuncio personalizado
Realiza un seguimiento de las visualizaciones de artículos con un evento personalizado.
Mejores prácticas
<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>
- Prueba antes de publicar. Ejecuta tu script primero en la consola del navegador para detectar errores cuanto antes.
- Mantén los scripts ligeros. Los scripts pesados pueden ralentizar la carga de la página y perjudicar la experiencia del lector.
- Evite modificar los elementos principales. Cambiar el diseño principal o la navegación del centro de ayuda con JavaScript puede provocar fallos en futuras actualizaciones de Notiondesk.