Loja Virtual: códigos HTML, CSS e Javascript no site e redirecionamentos de URL
Dá para colar HTML, CSS e Javascript no site da loja sem mexer no tema. Cada trecho é um cadastro separado, com nome próprio, e três campos decidem onde ele entra. Errar um desses três campos é a causa quase certa do "coloquei o pixel e ele não dispara".
O QUE VOCÊ CADASTRA
Nome, tipo, local de publicação, página de publicação, o trecho de código e a marcação de ativo. O nome serve para você achar o registro depois: ao digitar, a tela confere se já existe outro código com aquele nome na mesma loja e avisa. Os códigos são de cada loja separadamente. Se a empresa tem mais de uma loja, o que você cadastrou em uma não vale para a outra, e o "sumiu o código" costuma ser loja trocada.
O TIPO, EM LISTA FECHADA DE TRÊS
HTML, CSS e Javascript. São esses três, não há outro.
O LOCAL DE PUBLICAÇÃO, EM LISTA FECHADA DE TRÊS
Cabeçalho, Corpo e Rodapé. É o campo que diz em que parte da página o trecho deve entrar.
A PÁGINA DE PUBLICAÇÃO, EM LISTA FECHADA DE SETE
Todas, Página inicial, Página do produto, Página da categoria, Página do carrinho, Página de pagamento e Página de acompanhamento do pedido. São essas sete, e só. Não existe curinga nem "páginas parecidas": o site recebe o código quando a página aberta é exatamente a que você marcou, ou quando a marcação é Todas.
ONDE COLAR PIXEL, TAG DE ANÚNCIO E SCRIPT DE MEDIÇÃO
O que muda entre os tipos não é só o rótulo. Quando o tipo é CSS, o sistema envolve o que você colou em uma tag de estilo antes de entregar ao site. Quando é Javascript, envolve em uma tag de script. Nesses dois, cole só o conteúdo, sem as tags. Se você colar o trecho já com as tags, o site recebe tag dentro de tag e o trecho tende a não funcionar.
O tipo HTML é entregue exatamente como você digitou, sem nenhum envelope. É o tipo certo para o trecho que o parceiro te mandou pronto, com as tags dentro. Regra prática: veio pronto do Google, do Meta ou de qualquer painel de anúncio, cole como HTML.
Sobre a página: pixel de página inicial, de produto e de carrinho tem marcação própria. Para o pixel de conversão, repare que a lista separa Página de pagamento de Página de acompanhamento do pedido. São duas marcações diferentes e o código entra só na que você escolheu. Se o parceiro não deixa claro qual é o momento do disparo, Todas sempre entra, mas aí o trecho passa a rodar em toda página do site, e código de conversão em toda página conta o que não deveria.
ATIVO E ORDEM
Só o código marcado como ativo é entregue ao site. Desligar é a forma de tirar um script do ar sem perder o cadastro. A ordem da lista é sua e pode ser reorganizada, e ela manda de verdade: o site recebe os códigos na ordem crescente que você deixou, o que está em cima primeiro. Uma ressalva: a entrega é agrupada por tipo, então essa ordem vale entre códigos do mesmo tipo. Se um script depende de outro ter carregado antes, deixe os dois como Javascript e ponha na ordem certa.
ISSO NÃO É A TELA DE EDITAR CSS
Editar CSS, na área de aparência, guarda um único bloco de estilo da loja. Aqui você tem uma lista, com vários itens, cada um com nome, tipo, página e liga-desliga próprio. Os dois lugares convivem. Se o cliente diz que "editou o CSS" e o efeito não bate, confirme em qual dos dois ele mexeu.
REDIRECIONAMENTOS DE URL
É outro cadastro, e serve para quando um endereço de página mudou e você não quer perder quem chega pelo link antigo. Cada registro é um par: URL antiga e URL atual.
O detalhe que gera chamado: o sistema guarda apenas o caminho, com barra no início — mas ele só reconhece e descarta o domínio quando você cola o endereço começando com http:// ou https://. Se colar sem o protocolo, tipo "www.minhaloja.com.br/promocao", o domínio não é reconhecido como domínio e vira parte do caminho gravado ("/www.minhaloja.com.br/promocao"), e aí o redirecionamento não bate com endereço nenhum. Então: ou cole a URL completa com http:// ou https://, ou digite só o caminho a partir da barra ("/promocao"). Quando a tela mostra algo diferente do que você digitou e o que sobrou foi só o caminho, está certo — não é perda de dado. Se você deixar um dos campos vazio, o que fica gravado é só a barra, ou seja, a raiz do site. Cada URL tem limite de 80 caracteres, então caminho muito longo pode não caber inteiro — mais um motivo para não deixar o domínio ocupar espaço no campo.
A lista tem busca, e ela procura tanto na URL antiga quanto na atual, então dá para achar o par por qualquer um dos lados; ela vem ordenada pela URL atual. Não há nenhuma verificação de laço nem de duplicidade: dois redirecionamentos apontando um para o outro são aceitos sem aviso, e o mesmo endereço antigo pode ser cadastrado duas vezes. Quem cuida disso é você, na hora de cadastrar.
O QUE COSTUMA DAR ERRADO
O pixel não dispara na página do fim da compra. Quase sempre é página marcada errada, e as candidatas são as duas do fim: pagamento e acompanhamento do pedido.
O script sumiu do site inteiro. Cheque o ativo antes de qualquer outra coisa.
O trecho foi colado como Javascript ou CSS junto com as tags. O sistema envolve de novo e o resultado é tag dentro de tag.
O código foi cadastrado em outra loja. É por loja, sempre.
As mensagens de gravação falam sempre em Código HTML, mesmo quando o tipo escolhido foi CSS ou Javascript. É rótulo da mensagem, não sinal de que salvou errado. O tipo que você escolheu é o que vale. No redirecionamento acontece o parecido: quando o cadastro falha, a mensagem que aparece é "Loja virtual não atualizada".
A tela mostra o redirecionamento diferente do que você colou. É o caminho sendo isolado do endereço, conforme explicado acima — e vale conferir se o domínio foi colado sem http:// ou https://, porque nesse caso ele fica dentro do caminho.
O QUE NÃO É DO SISTEMA
O conteúdo do código é de quem escreveu. O suporte explica onde colar, o efeito de cada campo e a ordem de entrega, mas não escreve CSS nem script para você e não responde pelo funcionamento de pixel, tag ou ferramenta de medição de terceiro. Se um trecho quebrou a loja, o caminho é desativar o código e testar de novo.