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.
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
- Acesse Configurações → Personalização .
- Abra a seção Avançado .
- Cole seu código JavaScript na caixa de texto JavaScript personalizado .
- 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.