Siga direto ao que interessa
Requisitos para instalar o Tag Manager na Nuvemshop
Para configurar o Tag Manager na Nuvemshop da melhor maneira possível você vai precisar de:
- Instalar o Código em três locais diferentes, na listagem e detalhes do produto, nas etapas do checkout e na página de conclusão da compra, conforme imagem abaixo:
- Uma loja na Nuvemshop com FTP ativo (Claro!) e liberado(somente a partir do plano Influência);
Copie e cole os dados de acesso do FTP. - Uma conta criada no Google Tag Manager, copie e cole o código de instalação em um bloco de notas;
O código de instalação do Tag Manager possui dois blocos de códigos que são inseridos em locais diferentes. - Um software de cliente FTP;
Nesse tutorial nós utilizamos FileZilla. - Um editor de código;
Aqui nós utilizamos o Sublime Text. - Extensão de navegador “Tag Assistant Legacy” para garantir que tudo foi instalado corretamente.
Por que Instalar o Tag Manager via código?
O Google orienta a instalar o código de instalação do Tag Manager da seguinte maneira, o primeiro bloco de código o mais alto possível na tag <head>, e o segundo bloco logo após a abertura da tag <body>.
Configurar o Tag Manager via Código no Servidor(FTP)
Acessar o servidor FTP com o FileZilla
Abra o FileZilla
No campo servidor cole o HOST, Nome de utilizador o Usuário, no passe a senha do FTP e na porta 21.
Clique na Ligação rápida;
No canto direito você vai ver a estrutura de pastas do servidor da Nuvemshop;
Editar o arquivo layouts/layout.tpl
Clique duas vezes em layouts;
Arraste o layout.tpl para sua pasta local;
Clique com o botão direito e depois em abrir;
Vai abrir um código semelhante a esse:
Copie o primeiro bloco de código da instalação do Tag Manager;
Cole o primeiro bloco do código logo após a abertura da tag <head>, vai ficar algo parecido com isso:
Copie o segundo bloco da instalação do Google Tag Manager;
Faça o mesmo com o segundo bloco, só que dessa vez, cole logo após a abertura da tag <body>;
Feito isso, clique no menu File > Save ou Ctrl + s;
Atualizar o arquivo no Servidor
Agora, vamos atualizar o arquivo no servidor. Feche o Sublime Text e vamos voltar para o FileZilla;
Clique com o botão direito do mouse no arquivo layout.tpl e depois em enviar:
Clique em ok para confirmar a substituição do arquivo:
Validar Instalação do Tag Manager
Ative o Tag Assistant e recarregue a página para garantir que tudo ficou ok:
Você deve ver o Tag Manager “verdinho”:
Após isso o Tag Manager estará funcionando em todas as páginas, menos em uma, na tela de conclusão da compra e isso é uma peculiaridade da Nuvemshop.
Configurando Tag Manager nas etapas do Checkout
Para garantir que o Tag Manager também funcione nas etapas do checkout, você deve configurá-lo também no painel da Nuvemshop.
Acesse o menu Configurações > Configurações avançadas > Códigos externos > Códigos de rastreamento.
Insira apenas o primeiro código da instalação do Tag Manager no campo “Códigos de rastreamento”;
Basta solicitar aprovação que o time técnico da Nuvemshop vai analisar o código e aprovar. Vale lembrar que o prazo é de 48 horas.
Configurando Tag Manager na página de conclusão da compra
Para garantir que o Tag Manager também funcione na tela de conclusão da compra, você deve configurá-lo também no painel da Nuvemshop.
Acesse o menu Configurações > Configurações avançadas > Códigos externos > outros códigos de conversão.
Insira apenas o primeiro código da instalação do Tag Manager no campo “outros códigos de conversão“;
Pronto, sua instalação do tag manager foi concluída e deve funcionar em todas as páginas.
Se restou alguma dúvida, deixe aqui nos comentários.
Ficou com dúvidas?
Se restou alguma questão, não deixe de perguntar, sua dúvida pode ser de mais alguém!
Deixe nos comentários da postagem abaixo ou acesse nossa comunidade do Facebook, lá você pode tirar todas as suas dúvidas relacionada a plataforma Nuvemshop, é GRATUITO!
Aproveite e fale com outros lojistas, tudo isso com curadoria dos especialistas da Regex.
Na página de vendas não funcionou , fiz a segunda parte tudo conforme ensinou na nuvemshop.
Na página de pagamento não aparece a Tagmanrger.
Aguardo retorno.