Adicione JavaScript personalizado à sua Central de Ajuda.

Aprenda a usar JavaScript para adicionar funcionalidades personalizadas à sua central de ajuda.

2 min de leitura

Você pode adicionar JavaScript personalizado à sua central de ajuda do Notiondesk para integrar serviços de terceiros, rastrear eventos personalizados ou adicionar recursos interativos que não estão disponíveis por padrão.

ícone
Por motivos de segurança, o JavaScript personalizado só é permitido em domínios personalizados .

O que você pode fazer com JavaScript personalizado

O JavaScript permite expandir a sua central de ajuda para além das suas funcionalidades padrão. Os casos de uso mais comuns incluem:

  • Integrações de terceiros: Conecte serviços que o Notiondesk não suporta nativamente.
  • Rastreamento analítico personalizado: envie eventos para ferramentas como Mixpanel, Hotjar ou Segment para rastrear ações específicas do usuário.
  • Funcionalidades interativas: Adicione elementos dinâmicos como dicas de ferramentas, banners de anúncios ou comportamento de navegação personalizado.
  • Ferramentas de marketing e conversão: incorpore pixels de remarketing, scripts de teste A/B ou widgets de captura de leads.

Como adicionar JavaScript personalizado

  1. Acesse Configurações → Personalização .
  1. Abra a seção Avançado .
  1. Cole seu código JavaScript na caixa de texto JavaScript personalizado .
  1. Clique em Salvar alterações .

Seu script será carregado em todas as páginas da sua central de ajuda após a próxima atualização da página.

Exemplos

Adicionar um script de rastreamento do Hotjar

Substitua YOUR_HOTJAR_ID pelo seu ID de site Hotjar real.

Exibir um banner de anúncio personalizado

Acompanhe as visualizações do artigo com um evento personalizado.

Melhores práticas

<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>
  • Teste antes de publicar. Experimente seu script primeiro no console do navegador para detectar erros precocemente.
  • Mantenha os scripts leves. Scripts pesados ​​podem tornar o carregamento da página mais lento e prejudicar a experiência do leitor.
  • Evite modificar elementos essenciais. Alterar o layout principal ou a navegação da central de ajuda com JavaScript pode comprometer futuras atualizações do Notiondesk.
Isso respondeu à sua pergunta?