Eventos do cliente são as principais ações realizadas por seu público que fornecem informações sobre como eles interagem com seu negócio por meio de diferentes pontos de engajamento. Isso inclui fazer pagamentos, iniciar uma venda, que é um ponto de interação crucial. Serviços de terceiros integrados melhoram sua automação de marketing e análises usando dados de eventos do cliente gerados por pixels.

Ter uma melhor compreensão desses comportamentos pode melhorar significativamente sua estratégia de venda, fornecendo dados para aprimorar sua automação de marketing, análises e direcionamento de público. Serviços de terceiros integrados podem utilizar esses dados de eventos do cliente, também conhecidos como log, gerados por pixels para ajustar sua abordagem de vendas.

Este blog ajudará os desenvolvedores de marca a entender como adicionar e gerenciar esses pixels por meio de sua conta Shopify. Bem, vamos tentar começar com o básico, ok?

O que são pixels?

De uma introdução ao que são pixels, à criação de pixels personalizados para seu público B2B e à garantia de sua implementação bem-sucedida em sua loja em vários canais, este guia abrange todos os aspectos que você precisa saber para gerenciar efetivamente as interações do cliente dentro de sua comunidade Shopify. Você pode gerenciar pixels que rastreiam eventos do cliente com o Gerenciador de Pixels do Shopify.

O gerenciador de pixels do Shopify permite que você adicione e gerencie pixels para rastrear eventos do cliente. Eventos do cliente são ações que ocorrem no navegador do cliente, como clicar em um link ou adicionar um item ao carrinho de compras.

A seção Eventos do cliente da administração do Shopify é onde especialistas podem adicionar e gerenciar pixels.

Os pixels podem ser adicionados ou migrados para sua loja online de duas maneiras: pixels de aplicativos, instalados por aplicativos de marketing e coleta de dados, e pixels personalizados, que um desenvolvedor pode adicionar manualmente por meio do gerenciador de pixels em sua conta.

Antes, os comerciantes podiam adicionar trechos de código JavaScript à sua loja online manualmente. Eles podiam fazer isso em preferências online, scripts de checkout e aplicativos. Eles podiam fazer isso em preferências online, scripts de checkout e aplicativos em inglês.Na maioria das vezes, esses scripts não eram verificados quanto à qualidade e gerenciá-los levava muito tempo. Com o gerenciador de pixels, seus scripts são armazenados em uma única ferramenta de gerenciamento e executados em um ambiente de sandbox

Verifique se seu tema não contém nenhum código de rastreamento existente antes de começar. Este código geralmente é encontrado em modelos de liquidação como theme.liquid, product.liquid e checkout.liquid, bem como no campo de scripts adicionais nas configurações de checkout. Esta etapa é essencial para garantir que você possa prosseguir com confiança, sem preocupações com scripts conflitantes.

Benefícios de incluir pixels de aplicativos ou pixels personalizados em sua loja

  • Acesso a uma sequência de eventos do cliente, como eventos de checkout, em sua loja online.
  • Proteção adicional para sua loja online e para seus clientes, incluindo melhor controle sobre as informações do cliente que você compartilha com provedores de terceiros.
  • Evita que códigos não autorizados executem JavaScript não funcional ou interfiram em sua loja online e checkout.
  • Ferramentas integradas para conformidade com privacidade.

Crie o código para um pixel personalizado

Criando o JavaScript SDK de terceiros

O código que está conectado ao pixel é fornecido pelo serviço de terceiros que você está usando. O código de rastreamento e um SDK JavaScript são tipicamente as duas partes de um pixel. A sandbox do pixel Shopify só permite JavaScript, então qualquer HTML no código do serviço de terceiros deve ser removido.

Aqui está um exemplo de um pixel Meta. Haverá uma pequena variação nos pixels pos entre terceiros.

Meta Pixel Code

Créditos da imagem: Shopify

Você pode encontrar pixels de domínios que são carregados com script src=. Os pixels do Shopify não funcionam com HTML, então você precisará alterar isso para um equivalente em JavaScript. O código para rastrear eventos de Visualizações de Página também foi removido, pois será adicionado na próxima etapa.

Script

 Créditos da imagem: Shopify

Você pode encontrar pixels que são carregados com script src=. Os pixels do Shopify não funcionam com HTML, então você precisará alterar isso para um equivalente em JavaScript.

Você também pode aprender como se inscrever em eventos padrão e eventos personalizados do cliente, que permitem que você rastreie eventos adicionais do cliente, como quando alguém clica em um botão. Por exemplo, se você deseja rastrear a ocorrência de pedidos específicos, você pode criar um evento personalizado para esse propósito e se inscrever nele.

Aqui está um exemplo de um pixel do Google Analytics:

Global Site Tag

Créditos da imagem: Shopify

Você pode usar o seguinte código JavaScript no lugar da parte src= do script. Certifique-se de que o atributo src sempre corresponda à versão HTML:

JavaScript

Créditos da imagem: Shopify

Inscreva-se em eventos padrão

O evento Visualização de Página para o pixel da Meta se parece com isso. Esteja ciente de que a função fbq("track") é parte do código da Meta, e que cada empresa terá uma versão diferente para a qual você deve consultar a documentação deles.

PageView

Créditos da imagem: Shopify

Você pode transferir metadados de alguns eventos para o seu pixel. Um exemplo de fornecimento de algumas informações do produto para o evento ViewContent da Meta é mostrado abaixo:

View Content Theme

Créditos da imagem: Shopify

Inscreva-se em eventos personalizados do cliente

Você pode adicionar eventos personalizados do cliente se desejar rastrear eventos adicionais do cliente, como quando alguém clica em um botão. Eventos padrão e eventos personalizados podem ser inscritos da mesma maneira.

Declare o nome do evento ao qual você deseja se inscrever e envie essas informações para o pixel do fornecedor de serviço de terceiros.

Este é um exemplo de como um evento personalizado pode aparecer nos arquivos de liquidação do seu tema:

Script

Créditos da imagem: Shopify

Aqui está uma maneira de configurar seu pixel para se inscrever nesse evento personalizado:

Custom event

Créditos da imagem: Shopify

Adicione um pixel personalizado

Antes de adicionar um pixel personalizado, remova ou altere quaisquer pixels existentes para evitar a contagem dupla de eventos do cliente. O código do pixel existente deve ser removido manualmente de todas as localizações, incluindo theme.liquid, checkout.liquid e scripts adicionais nas configurações de checkout.

Passos: 
1. Abra as configurações > Eventos do cliente por meio do admin do Shopify.

Créditos da imagem: Shopify

2. Dê um nome distintivo ao seu pixel. Se você inserir o nome de um pixel personalizado existente, será solicitado que você dê um novo nome ao seu pixel.

3. Para acessar o editor de eventos, clique em Adicionar pixel.

Pixel NameCréditos da imagem: Shopify

4. Na janela Código, cole seu próprio código de pixel JavaScript.

5. Para Salvar seu pixel personalizado, clique em Salvar. Se você estiver pronto para conectar seu pixel personalizado e começar a rastrear seus eventos, poderá fazê-lo clicando em Conectar pixel.

Conecte um pixel personalizado em sua loja Shopify

Após adicionar um pixel personalizado, você deve conectá-lo à sua loja para que ele possa começar a rastrear eventos do cliente.

Passos:

  1. Clique em Pixels personalizados na página Eventos do cliente em seu admin do Shopify.
  2. Na seção Pixels desconectados, você pode ver todos os pixels personalizados que ainda não estão conectados. Clique em Conectar na linha que possui os pixels personalizados corretos.

Leia os Termos de Serviço do Shopify. Se seu pixel atender aos requisitos do serviço, clique em Conectar.

Desconecte e exclua um pixel personalizado

Você deve desconectar manualmente o pixel de sua loja online para interromper o rastreamento dos eventos para os quais você adicionou um pixel personalizado.

Passos:

  1. Clique em Pixels personalizados na página Eventos do cliente em seu admin do Shopify. 
  2. Os pixels personalizados que estão atualmente vinculados são exibidos no topo da lista. Clique em Desconectar na linha do pixel personalizado que você deseja desconectar. Quando um pixel é desconectado, ele não é excluído. 

Você também pode remover qualquer pixel personalizado de que não precisa mais.

Passos:

  1. Na página Eventos do cliente no admin do Shopify, clique em Pixels personalizados. 
  2. Clique no botão de três pontos na linha do pixel personalizado que você deseja alterar. 

Clique em Excluir. Se você confirmar a remoção, o pixel personalizado será excluído do gerenciador de pixels.

Conclusão

Certifique-se de estar familiarizado com a configuração de pixels antes de criar um pixel personalizado. 

Aqui estão algumas coisas a serem lembradas: 

  • Sempre verifique se você entende o código que você coloca no checkout do seu site ou obtenha um pixel personalizado de um Especialista Shopify. 
  • Porque os pixels operam em um ambiente de sandbox seguro, existem restrições sobre quais dados podem ser publicados. 
  • A API de extensão de pixel da web permite acessar as APIs do navegador e se inscrever em eventos do cliente com os ambientes de sandbox Lax ou Strict do Shopify.