Plataforma
NuvemShop
Passo a passo para ativar as descrições via Google Tag Manager em lojas NuvemShop.
1 Pré-requisitos
- Google Tag Manager configurado na loja
- Permissão para publicar containers no GTM
- O domínio da loja (ex:
minhaloja.lojavirtual.com.br)
ℹ
O domínio da loja precisa estar previamente ativado. Se ainda não solicitou a ativação, entre em contato antes de prosseguir.
2 Criar a variável de Content ID
Os temas NuvemShop expõem os dados do produto via objeto global LS em páginas de produto.
Crie uma variável do tipo Custom JavaScript:
| Campo | Valor |
|---|---|
| Nome da variável | dlv - Content ID |
| Tipo | Custom JavaScript |
function() {
if (window.LS && window.LS.product && window.LS.product.id) {
return String(window.LS.product.id);
}
return undefined;
}
⚠
Antes de publicar, verifique no console do browser (em uma página de produto) se
window.LS.product.id retorna o ID correto. Temas customizados podem usar um caminho diferente.
3 Criar a variável de timestamp
| Campo | Valor |
|---|---|
| Nome da variável | Custom - Day Timestamp |
| Tipo | Custom JavaScript |
function() {
return Math.floor(Date.now() / 86400000);
}
4 Criar a tag
Crie uma nova tag do tipo Custom HTML. Substitua .SELETOR-DO-CONTAINER pelo seletor CSS do elemento onde a descrição deve ser renderizada.
<script>
window.BDESC = window.BDESC || [];
BDESC.push({
pageid: '{{dlv - Content ID}}',
target: '.SELETOR-DO-CONTAINER'
});
</script>
<script src="https://content-descriptions.pages.dev/tag.js?cv={{Custom - Day Timestamp}}" async></script>
Seletor por tema
| Situação | Seletor |
|---|---|
| Temas padrão | .product-description |
| Temas customizados | Inspecione o elemento na página de produto |
5 Configurar o gatilho
| Campo | Valor |
|---|---|
| Tipo | DOM Ready |
| Condição | {{dlv - Content ID}} não é igual a undefined |
ℹ
Use DOM Ready para garantir que o objeto
LS já foi inicializado pelo tema quando a variável for lida.
6 Publicar e validar
- Publique uma nova versão do container GTM
- Abra uma página de produto da loja
- Use o GTM Preview Mode para confirmar que a tag disparou
- Verifique se
{{dlv - Content ID}}está retornando o ID correto - Confirme que a descrição aparece no lugar certo e responde em mobile
✓
Se a descrição aparecer corretamente na página de produto, a implantação está concluída.
Solução de problemas
A variável retorna undefined
- Abra o console do browser em uma página de produto e execute
window.LS.product— confirme que o objeto existe e tem o campoid - Temas muito customizados podem não usar o objeto
LSpadrão — use o guia Genérico
A descrição não aparece
- Confirme que o domínio da loja está ativado
- Verifique se o seletor do container está correto inspecionando o elemento na página
- Confirme que a tag disparou no GTM Preview Mode
Precisa de ajuda?
Entre em contato com o suporte para ativação de domínio, dúvidas sobre a implantação ou para reportar problemas.