Procurando uma maneira de adicionar notificações push de abandono de carrinho ao seu site usando o Google Tag Manager?
O Google Tag Manager funciona como um contêiner para armazenar seus scripts de notificação push e muito mais. E as campanhas de abandono de carrinho são uma ótima maneira de aumentar o engajamento e as vendas no piloto automático. Então, vamos juntar essas duas automações épicas.
Neste artigo, vamos ajudá-lo a instalar notificações push do GTM em menos de 10 minutos.
Vamos lá.
Como Criar Notificações Push de Abandono de Carrinho Usando GTM
Instalar notificações push usando o Google Tag Manager é um processo muito rápido e fácil. Configurar uma campanha de abandono de carrinho usando o GTM é um pouco mais técnico, mas podemos fazer isso juntos. Basta seguir estes passos e, ao final deste artigo, você poderá enviar notificações push do seu site como esta:
E a beleza de usar o Google Tag Manager para fazer isso é que você não precisa usar nenhum código. Você também não precisa editar o HTML do seu site para instalar notificações push.
Vamos lá.
Passo nº 1: Configure sua conta PushEngage usando o GTM
Antes de criar campanhas de abandono de carrinho, você precisará instalar o PushEngage em seu site. E como vamos configurar campanhas de abandono de carrinho usando o Google Tag Manager, faz sentido instalar o PushEngage usando o GTM também.
No entanto, não cobrimos isso neste artigo. Se você é novo em notificações push, confira nosso tutorial sobre como instalar notificações push em seu site usando o GTM.
Siga os passos deste artigo. Assim que terminar, começaremos a criar sua campanha de abandono de carrinho.
Passo nº 2: Crie uma Campanha de Abandono de Carrinho no PushEngage
Assim que terminar de configurar a opção de inscrição, seu site poderá coletar inscritos.
Agora, é hora de criar sua campanha de abandono de carrinho.
Vá para Campanhas » Campanhas Acionadas e clique em Criar Nova Campanha Acionada:
Em seguida, na lista de modelos de campanha, selecione Abandono de Carrinho e clique em Criar Novo:
Se precisar de um tutorial detalhado sobre como criar uma campanha de abandono de carrinho, confira este artigo sobre como configurar notificações push de abandono de carrinho. Depois de terminar, você precisará configurar o Google Tag Manager para acionar e enviar lembretes de abandono de carrinho.
Passo nº 3: Crie um Objeto dataLayer
De acordo com o Google, “Para garantir flexibilidade, portabilidade e facilidade de implementação máximas, o Google Tag Manager funciona melhor quando implantado em conjunto com uma camada de dados. Uma camada de dados é um objeto que contém todas as informações que você deseja passar para o Google Tag Manager. Informações como eventos ou variáveis podem ser passadas para o Google Tag Manager por meio da camada de dados, e gatilhos podem ser configurados no Google Tag Manager com base nos valores das variáveis”.
Um objeto dataLayer é um conjunto de variáveis em um array que é usado para buscar informações dinamicamente. Em termos simples, o dataLayer é o seu feed de produtos. Confira a documentação do Google para saber mais sobre objetos dataLayer.
Aqui está um exemplo:
Depois de criar essa dataLayer, você precisará adicioná-la ao HTML do seu site.
Em seguida, você desejará adicionar um evento de gatilho em seus botões de ‘Comprar Agora’ ou ‘Adicionar ao Carrinho’ para que, quando seus visitantes clicarem nesses botões, a campanha de carrinho abandonado seja ativada.
OBSERVAÇÃO: Sua campanha de carrinho abandonado não começa imediatamente após o acionamento do evento. Geralmente, a campanha começa se seus visitantes adicionaram algo ao carrinho, mas não compraram nada, mesmo após meia hora.
Etapa nº 4: Crie Variáveis da dataLayer no GTM
Na sua Conta do Google Tag Manager, vá para Workspace » Variáveis » Configurar e role para baixo até Cliques:
E habilite todas as variáveis em Cliques.
Em seguida, volte para Variáveis e em Variáveis Definidas pelo Usuário, clique em Criar Novo:
Aqui, adicione suas variáveis da dataLayer ao Google Tag Manager:
Suas variáveis da dataLayer são os diferentes atributos dos seus produtos. Em nosso exemplo, as variáveis da dataLayer seriam:
- products.name
- products.id
- products.price
- products.productname
- products.image
Você precisará adicionar todas essas variáveis da dataLayer no GTM.
IMPORTANTE: Siga a sintaxe exatamente ou a campanha nunca será disparada.
Etapa nº 5: Crie um Gatilho no GTM
Vá para Gatilhos e clique em Adicionar Novo:
E crie um Evento Personalizado para disparar sua campanha de carrinho abandonado quando alguém clicar em um botão Comprar Agora:
Configure o evento personalizado para disparar quando alguém clicar em um botão com o texto do botão “Comprar Agora”:
Etapa nº 6: Configure a Tag com Variáveis da dataLayer e Gatilhos
Finalmente, você desejará voltar ao seu painel do PushEngage e atualizar a tag de abandono de carrinho com variáveis da dataLayer e gatilhos. Vá para Campanha » Campanhas Acionadas e clique no botão Seu Código:
E copie o código da sua campanha:
Depois que isso for feito, você desejará colar o código no código HTML do seu site, logo acima dos seus botões Comprar Agora.
E é isso! Você terminou.
O que fazer depois de configurar as notificações de abandono de carrinho
É tudo por hoje, pessoal!
Você também pode criar segmentos dinamicamente através do GTM. Talvez verifique isso a seguir?
Se você é novo em notificações push, deve seguir um processo completo de teste de notificações push antes de ir ao ar. Isso o ajudará a solucionar problemas comuns antes que seus visitantes os vejam e comecem a reclamar de uma experiência do usuário quebrada.
Você também deve conferir estes recursos épicos enquanto estiver por aqui:
- 7 Estratégias Inteligentes para Aumentar o Engajamento do Cliente
- Como Obter Mais Tráfego para seu Blog WordPress (9 Maneiras Fáceis)
- Como Aumentar Sua Taxa de Opt-In de Notificações Push da Web (7 Maneiras)
E se você ainda não o fez, experimente o PushEngage. O PushEngage é o serviço de notificações push número 1 do mundo. Portanto, se você está falando sério sobre expandir seus negócios, deve investir no PushEngage.
este post está faltando uma captura de tela da própria tag. No final, você faz referência a “Então, no seu painel do GTM, crie a tag com o código de abandono de carrinho e adicione as variáveis dataLayer a ela, você pode ver no exemplo abaixo.” sem um exemplo disponível.
Por favor, atualize com uma imagem de exemplo da configuração da tag.
além disso, presumo que haverá um ponto em que precisaremos adicionar o script pushEngage à tag personalizada? Essa parte poderia ser mais clara neste post.
Obrigado,
Como você faria isso com uma plataforma como Marketo ou Pardot?
Olá, Dan! Essa é uma ótima pergunta. Acho que você deveria entrar em contato com nossa equipe de Sucesso do Cliente para obter uma resposta mais detalhada sobre isso. Entre em contato conosco em nossa página de contato.