Añadir JavaScript personalizado a tu centro de ayuda

Puede agregar JavaScript personalizado a su centro de ayuda de Notiondesk para integrar servicios de terceros, rastrear eventos personalizados o agregar funciones interactivas que no están disponibles de manera predeterminada.

Por razones 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 funciones predeterminadas. Algunos casos de uso comunes incluyen:

Integraciones de terceros: conecte servicios que Notiondesk no admite de forma nativa.

Seguimiento de análisis personalizado: envíe eventos a herramientas como Mixpanel, Hotjar o Segment para rastrear acciones específicas del usuario.

Funciones interactivas: agregue elementos dinámicos como información sobre herramientas, banners de anuncios o comportamiento de navegación personalizado.

Herramientas de marketing y conversión: incorpore píxeles de retargeting, scripts de pruebas A/B o widgets de captura de clientes potenciales.

Cómo agregar JavaScript personalizado

Vaya a Configuración → Personalización .

Abra la sección Avanzada .

Pegue su código JavaScript en el cuadro de texto JavaScript personalizado .

Haga clic en Guardar cambios .

Su script se cargará en cada página de su centro de ayuda después de la próxima 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

Seguimiento de 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. Prueba tu script primero en la consola del navegador para detectar errores rápidamente.

Mantenga los scripts ligeros. Los scripts pesados pueden ralentizar los tiempos de carga de las páginas 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 afectar las futuras actualizaciones de Notiondesk.

Tabla de contenido