O código personalizado pode ser adicionado a várias partes do site, para realizar tarefas específicas. Se receber o código de outra fonte, será importante saber onde esse código deverá ser inserido.
Se o seu código informar que deverá ser inserido em uma parte do cabeçalho, procure as instruções sobre o "cabeçalho" (ou header) neste artigo para saber como ele deverá ser inserido.
Depois de saber onde seu código precisa ser colocado, você pode seguir este tutorial e as referências abaixo para descobrir onde e como colocar o código em seu site.
Página individual ou em todo o site
Dependendo do local onde colar o código, você poderá aplicá-lo a todo o site (aparecerá em todas as páginas) ou em somente uma página. As instruções do tutorial sobre o posicionamento do código informarão se a alteração será aplicada a todo o site ou somente a uma página individual.
Inserção do código por meio do Widget de HTML
O de HTML pode ser usado para adicionar código ao seu site facilmente. Se você tiver algum código que precise ser colocado no site, basta seguir as instruções abaixo.
- Abra o editor.
- No painel esquerdo, clique em Widgets.
- Pesquise por HTML.
- Arraste o de HTML para qualquer lugar do site.
- Cole o código.
- Concluir.
Widget de HTML em todo o site ou em uma única página
Dependendo de onde você colocar o de HTML, ele será exibido em todas as páginas do seu site ou somente em uma página específica.
Se você colocar o HTML no cabeçalho ou no rodapé, ele será colocado em todas as páginas do site ao mesmo tempo. Isso ocorre porque todo site compartilha o cabeçalho e rodapé.
Se você colocar o de HTML em qualquer outro lugar, ele será exibido somente no corpo.
Coloque o código no cabeçalho
Quando código é inserido no HTML do cabeçalho, os aplicativos de gerenciamento de consentimento não conseguem impedir a execução do código antes do consentimento. Isso ocorre porque a Duda otimiza a estrutura e a ordem de como o conteúdo é carregado, com base em práticas recomendadas de desempenho no site. Inserimos scripts e banners CMP nas partes inferiores das páginas para melhorar o desempenho do conteúdo principal. Sendo assim, ao usar um aplicativo de gerenciamento de consentimento, recomendamos inserir o código no final do corpo.
No cabeçalho de todo o site
Para inserir o código no cabeçalho do site, siga as instruções abaixo.
- Abra o editor.
- Acesse Configurações no painel da esquerda.
- Clique no HTML do cabeçalho.
- Cole seu código nesse local e salve.
Cabeçalho em uma página específica
Para inserir o código no cabeçalho de uma única página, siga as instruções abaixo.
- No painel lateral, clique em Páginas.
- Na página desejada, clique no ícone Configurações.
- Clique em SEO.
- Role para baixo até Cabeçalho HTML.
- Cole seu código nesse local e salve.
Coloque o código após a tag de abertura do body
No momento, não temos nenhum recurso para inserir código diretamente logo após a tag de abertura do body. No entanto, você pode colar o código diretamente no arquivo body-end.html. Há duas formas de fazer isso: no modo desenvolvedor e nas configurações.
O modo Desenvolvedor fica indisponível enquanto você edita o site no modo flex.
Para colar o código diretamente no arquivo body-end.html no modo desenvolvedor:
- Clique no ícone Modo Desenvolvedor</> na barra superior.
- Clique em Site HTML/CSS para expandir a seleção.
- Clique em body-end.html.
- Cole o seu código até a última linha aqui.
- Salve e está concluído.
Para colar o código diretamente no arquivo body-end.html nas configurações:
Clique em Configurações no painel esquerdo.
Clique em HTML do cabeçalho.
Cole o código no campo Body End HTML.
Clique em Salvar.
Inclusão de código de acompanhamento em formulários de contato
Para adicionar um código de acompanhamento a um formulário de contato, siga as instruções abaixo.
- Navegue até a página em que seu formulário de contato está.
- Clique com o botão esquerdo do mouse no formulário de contato para exibir as opções.
- Clique em Envio .
- Clique em Acompanhamento.
- Cole seu código de acompanhamento de conversões aqui.
Inserção de código em um widget
Para adicionar qualquer código a qualquer , siga as instruções abaixo.
- Localize a página em que o seu está.
- Clique com o botão direito do mouse no para abrir o menu de contexto.
- Clique em Editar HTML/CSS.
- Edite ou adicione códigos aqui, conforme necessário.
Observações, considerações e resolução de problemas
Sempre crie um backup
É recomendável que você sempre crie um backup do site antes de adicionar um código personalizado. Isso porque é difícil resolver problemas no código personalizado, e eles podem derrubar um site se isso não for feito corretamente.
Meu código está desaparecendo quando o coloco na seção de cabeçalho
Isso é muito comum nos códigos de acompanhamento com pixels. A seção de cabeçalho (<head>) não aceita códigos <img>, <iframe> e outros. Normalmente aceita somente <link>,<script> e <meta>.
Se você precisar colar o código que não está sendo salvo, basta colá-lo no cabeçalho, onde estão os links e logotipos de navegação.
Caso contrário, cole na página body-end.html, de acordo com o tutorial acima.
Meu código não está funcionando
Se você tem um código que não está funcionando no site, provavelmente esse código não está formatado corretamente ou não está atuando como HTTPS.
Se você tiver algum link no seu código (http:// ou //) e seu site estiver usando HTTPS ou você estiver na visualização, será necessário alterá-lo para https://. A razão para isso é que o código não HTTPS não funcionará em uma conexão usando HTTPS (visualização do site, editor, etc.).