A injeção de scripts coloca código JavaScript em todas as páginas do Base. É assim que você acrescenta uma ferramenta externa, como um chat de atendimento ou uma ferramenta de analytics.
Quem pode fazer: pessoas com Pode Administrar na organização. Veja Permissões e acessos no Base.
Atenção: como avisa a própria tela, essa opção pode quebrar o Base se o código tiver erro. Use só código que você conhece e em que confia.
Onde adicionar o script
- Clique na sua foto, no canto superior direito, e escolha Configurações do ambiente.
- No menu à esquerda, em Configurações de Conteúdo, clique em Injeção de Scripts.
- Cole o código no campo indicado pelo fornecedor da ferramenta:
| Campo | Onde o código entra |
|---|---|
| Scripts para injetar na tag <header> | No cabeçalho técnico da página (a tag <head>). Use quando o fornecedor pedir para instalar "no cabeçalho" ou "no head". |
| Scripts para injetar no final da tag <body> | No fim da página. É o lugar mais comum para chats e widgets. |
- Clique fora do campo. A alteração é salva sozinha, sem botão e sem aviso na tela.
- Abra o Base em outra aba (ou recarregue a página) para conferir se a ferramenta apareceu.
Cole só o JavaScript, sem a tag <script>
O Base já coloca o conteúdo do campo dentro de uma tag <script>. Por isso, cole apenas o código JavaScript. Se você colar o código com as tags <script> e </script>, ele não funciona.
A maioria dos fornecedores entrega o código já com as tags. Nesse caso, apague a primeira linha (<script>) e a última (</script>) e cole o resto. Veja um exemplo com o código de instalação de um chat fictício:
Como o fornecedor entrega:
<script type="text/javascript">
(function(d){
var s=d.createElement('script');
s.async=true;
s.src='https://cdn.ferramenta-exemplo.com/widget.js?id=SEU_CODIGO';
d.head.appendChild(s);
})(document);
</script>Como colar no Base:
(function(d){
var s=d.createElement('script');
s.async=true;
s.src='https://cdn.ferramenta-exemplo.com/widget.js?id=SEU_CODIGO';
d.head.appendChild(s);
})(document);Com o código de um chat no campo Scripts para injetar no final da tag <body>, o botão do chat aparece no canto inferior direito de todas as páginas do Base:
Dica: se o fornecedor entregar só uma linha como <script src="https://endereco-da-ferramenta.js"></script>, sem código dentro, cole no Base este JavaScript no lugar, trocando o endereço:(function(){var s=document.createElement('script');s.src='https://endereco-da-ferramenta.js';s.async=true;document.head.appendChild(s);})();
Remova um script
Apague o conteúdo do campo e clique fora dele. A remoção também é salva sozinha.
Cuidados antes de colar um código
- Antes de mudar um campo, copie o que já está nele para um arquivo seu. Assim você consegue voltar atrás.
- Cole um script de cada vez e confira o Base em seguida.
- Use só scripts de fontes confiáveis. O código roda em todas as páginas do Base, para todas as pessoas.
Dica: se não tiver certeza do que o código faz, peça a quem cuida de TI na sua empresa para revisar antes de colar.