Os eventos do cliente são ações principais realizadas pelo seu público que fornecem informações sobre como eles interagem com o seu negócio através 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 a automação de marketing e análises usando dados de eventos do cliente gerados por pixels.

Ter uma compreensão melhor desses comportamentos pode melhorar significativamente a sua estratégia de venda, fornecendo dados para aprimorar a automação de marketing, análises e segmentação 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 a sua abordagem de venda.

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

O que são pixels?

Desde uma introdução sobre o que são pixels, até a criação de pixels personalizados para o seu público B2B, e garantindo sua implementação bem-sucedida na sua loja em diferentes canais, este guia abrange todos os aspectos que você precisa saber para gerenciar efetivamente as interações dos clientes dentro da sua comunidade Shopify. É possível gerenciar pixels que rastreiam eventos do cliente com o Gerenciador de Pixel da Shopify.

O Gerenciador de pixels da 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 sua administração Shopify é onde os especialistas podem adicionar e gerenciar pixels.

Os pixels podem ser adicionados ou migrados para a 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 através do gerenciador de pixels na sua conta.

Anteriormente, os comerciantes podiam adicionar trechos de JavaScript à sua loja online manualmente. Eles podiam fazer isso nas preferências online, em scripts de checkout e em 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 mantidos em uma única ferramenta de gerenciamento e executados em um ambiente protegido

Verifique se o seu tema não contém nenhum código de rastreamento existente antes de começar. Esse código geralmente é encontrado em modelos líquidos como theme.liquid, product.liquid e checkout.liquid, além da seção de scripts adicionais nas configurações de checkout. Essa etapa é essencial para garantir que você possa avançar com confiança sem preocupações com scripts conflitantes.

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

• Acesso a um fluxo de eventos do cliente, como eventos de checkout, na sua loja online.
• Proteção adicional para a sua loja online e seus clientes, incluindo um melhor controle sobre as informações do cliente que você compartilha com provedores de terceiros.
• Impede que código não autorizado execute JavaScript que não funcione ou interfira na sua loja online e no checkout.
• Ferramentas integradas para conformidade com a privacidade

Crie o código para um pixel personalizado

Criando o SDK JavaScript 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. O ambiente de teste do pixel da Shopify permite apenas JavaScript, então qualquer HTML no código do serviço de terceiros deve ser removido.

Este é um exemplo de um pixel Meta. Pode haver uma pequena variação nos pixels de posição entre terceiros.

Créditos da imagem: Shopify

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

 Créditos da imagem: Shopify

Você pode encontrar pixels que são carregados com script src=. Os pixels da Shopify não funcionam com HTML, então você precisa 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 rastrear eventos adicionais do cliente, como quando alguém clica em um botão. Por exemplo, se você quiser rastrear a ocorrência de pedidos específicos, você pode criar um evento personalizado para esse fim e se inscrever nele.

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

Créditos da imagem: Shopify

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

Créditos da imagem: Shopify

Inscreva-se em eventos padrão

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

Créditos da imagem: Shopify

Você pode transferir metadados de alguns eventos para o seu pixel. Abaixo está um exemplo de fornecimento de algumas informações do produto para o evento ViewContent do Meta:

Créditos da imagem: Shopify

Inscreva-se em eventos personalizados do cliente

Você pode adicionar eventos personalizados do cliente se desejar acompanhar 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 provedor de serviço de terceiros.

Este é um exemplo de como um evento personalizado pode aparecer nos arquivos líquidos do seu tema:

Créditos da imagem: Shopify

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

Adicionar um pixel personalizado

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

Etapas: 
1. Abra as configurações > Eventos do cliente via a administração Shopify.

Créditos da imagem: Shopify

2. Dê um nome distinto ao seu pixel. Se você digitar 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.

Créditos da imagem: Shopify

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

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

Conectar um pixel personalizado na sua loja Shopify

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

Etapas: 

1. Clique em Pixels personalizados na página Eventos do cliente na administração Shopify.
2. Sob o título Pixels desconectados, você pode ver todos os pixels personalizados que não estão atualmente conectados. Clique em Conectar na linha que tem o pixel personalizado correto.

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

Desconectar e excluir um pixel personalizado

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

Etapas: 

1. Clique em Pixels personalizados na página Eventos do cliente na administração 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 se livrar de pixels personalizados que você não precisa mais.

Etapas: 

1. Na página Eventos do cliente da sua administração 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á removido do gerenciador de pixels.

Resumo

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 certifique-se de entender o código que você coloca no checkout do seu site ou obtenha um pixel personalizado de um Especialista Shopify. 
• Como os pixels operam em um ambiente seguro, existem restrições sobre quais dados podem ser publicados. 
• A API de extensão do pixel da web permite que você acesse APIs do navegador e se inscreva em eventos do cliente com os ambientes de proteção Lax ou Strict da Shopify.