Detectar e reagir a links da web criados fora do Connectif

O Connectif pode reagir aos cliques em qualquer link do seu site, faça parte ou não dos conteúdos da plataforma. Essa funcionalidade permite o acompanhamento de links, proporciona uma segmentação mais precisa e facilita a criação de campanhas muito mais personalizadas, entre outros.

Neste artigo, você aprenderá como detectar e reagir a links da web criados fora do Connectif.

  

Tempo de implementação: 20 minutos.
Dificuldade: Média
Quando usar?: Quando for necessário que o Connectif reaja a qualquer link no seu site.

 

Uma ideia útil para colocar em prática este passo a passo é detectar e reagir aos links dos botões de compartilhamento em redes sociais, permitindo segmentar os contatos com base na rede social de interesse.

 

PASSO 1. Detecte os cliques nos links

(Nesta seção, explicamos como adicionar atributos aos links para permitir sua detecção no Connectif).

1. No seu backoffice, vá para a configuração do template com as páginas de produto.

2. Abra o editor de código.

3. Procure as tags HTML de um dos links que deseja capturar.

Detectar_e_reagir_a_links_externos_-_1-2.png

 

No nosso exemplo, foi selecionada a tag para o Facebook. O código a ser detectado será semelhante ao indicado a seguir.

<a href="http://www.facebook.com/sharer.php?u=http://minhaloja.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Share" target="_blank">Share</a>

 

4. Em cada tag, adicione o atributo "data-cn-track-click".

  

O atributo "data-cn-track-click" é responsável por indicar ao Connectif que registre o clique no link.

Detectar_e_reagir_a_links_externos_-_1-3.png

 

A tag para o Facebook de exemplo ficaria como mostra o bloco de código a seguir. O atributo adicionado está no final.

<a href="http://www.facebook.com/sharer.php?u=http://minhaloja.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Share" target="_blank" data-cn-track-click>Share</a>


5. Adicione o atributo "data-cn-alias" na tag do link.

  

O atributo "data-cn-alias" é responsável por atribuir um nome a cada link, permitindo reconhecê-lo no workflow. Use um alias diferente para identificar cada link a ser detectado.

Detectar_e_reagir_a_links_externos_-_1-4.png

 

A tag para Facebook no exemplo ficaria como mostra o bloco de código a seguir. O atributo adicionado está no final e foi atribuído o alias "Facebook" para reconhecê-lo.

<a href="http://www.facebook.com/sharer.php?u=http://prestashop-93073-1289703.cloudwaysapps.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Share" target="_blank" data-cn-track-click data-cn-alias="Facebook">Share</a>

6. Repita os passos 3, 4 e 5 para cada link que deseja detectar o clique.

7. Salve as alterações no editor de código do seu backoffice.

 

PASSO 2. Crie os campos personalizados

(Nesta seção, explicamos como armazenar no perfil do contato as informações relativas à interação com o link).

8. Acesse "Contatos > Campos do contato" e clique em  Adicionar novo campo personalizado.

Detectar_e_reagir_a_links_externos_-_2-1.png

9. Nomeie o novo campo personalizado e atribua o tipo adequado.

Detectar_e_reagir_a_links_externos_-_2-2.png

10. (Opcional) Se necessário, você pode alterar o ícone do campo e atribuir um valor padrão ou um comprimento máximo.

 

Se você quiser aprender mais sobre campos personalizados, clique aqui.

11. Clique em  Salvar.

12. Repita os passos anteriores, do 8 ao 11, para cada um dos dados que deseja coletar ou definir ao detectar um clique no link.

 

No nosso exemplo, foram criados dois campos personalizados do tipo texto: um para registrar qual produto foi recomendado pelo contato e outro para registrar a rede social onde foi compartilhado.

Detectar_e_reagir_a_links_externos_-_2-3.png

 

PASSO 3. Crie os segmentos dinâmicos

(Nesta seção, explicamos como criar no Connectif a estrutura para segmentar os contatos, automaticamente, de acordo com os cliques detectados).

13. Acesse "Contatos > Segmentos" e clique em   Criar novo segmento.

Detectar_e_reagir_a_links_externos_-_3-4.png

14. Selecione o tipo Segmento Dinâmico e clique em  Ir para o editor do segmento.

Detectar_e_reagir_a_links_externos_-_3-2.png

15. Atribua um nome para identificar o segmento.

16. (Opcional) Escreva uma descrição que ajude a esclarecer em que se baseia a segmentação desses contatos.

17. Defina a condição ou condições de segmentação para que os contatos sejam considerados.

 

No nosso exemplo, a condição de segmentação depende do valor que o campo personalizado "Rede Social usada" do contato possui. Para segmentar os contatos que compartilham no Facebook, foi indicado "Facebook" como valor a ser cumprido.

Detectar_e_reagir_a_links_externos_-_3-3.png

18. Clique em  Salvar.

19. Repita os passos 13 a 18 para cada segmento necessário, um para cada link que você deseja detectar e reagir.

 

No nosso exemplo, foram criados quatro segmentos dinâmicos, um para cada rede social.

Detectar_e_reagir_a_links_externos_-_3-4.png

 

Se você quiser aprender mais sobre os segmentos dinâmicos, clique aqui.

 

PASSO 4. Crie o workflow

(Nesta seção, explicamos como criar a estratégia que detecta e reage aos links da web, utilizando os elementos criados nas etapas anteriores).

20. Acesse "Workflows" e clique em  Criar novo workflow.

21. Desenhe sua estratégia estabelecendo o comportamento da plataforma após detectar um clique nos links considerados.

  

Um workflow com o objetivo de detectar e reagir a links externos precisa, pelo menos, de um nó "Ao clicar em conteúdo web"

 

No nosso exemplo, foi criado um workflow que detecta os links de compartilhamento em redes sociais nas páginas de produtos. Ele reage salvando as informações do contato no perfil e, com esses novos dados, o Connectif segmenta o usuário de forma automática.

Detectar_e_reagir_a_links_externos_-_4-1.png

 

4.1. Nó "Início"

22. No nó "Início", clique em  (Editar configuração do nó).

23. Defina o público-alvo para o qual o workflow será direcionado.

 

No nosso exemplo, são considerados todos os contatos, tanto os já existentes quanto os novos.

Detectar_e_reagir_a_links_externos_-_4-2.png

24. Clique em  Atualizar.

 

4.2. Nó "Ao visitar um produto"

25. No nó "Ao visitar um produto", clique em  (Editar configuração do nó).

  

Você pode usar, se necessário, qualquer nó de tipo disparador adicional, antes do nó "Ao clicar em conteúdo web", para limitar onde os cliques em links externos são detectados. Se quiser aprender mais sobre os nós disparadores, clique aqui.

26. Configure o nó e suas limitações de acordo com o design da sua estratégia.

 

No nosso exemplo, não foram adicionados filtros na configuração e todas as limitações foram removidas: o objetivo é detectar o clique em links de todos os produtos e em todas as visitas.

Detectar_e_reagir_a_links_externos_-_4-3.png

27. Clique em  Atualizar.

 

4.3. Nó "Ao clicar em conteúdo web"

28. No nó "Ao clicar em conteúdo web", clique em  (Editar configuração do nó).

29. Na aba Configuração, selecione o tipo de filtro "Ao clicar em algum link indicado manualmente".

30. Marque a opção Alias do link e insira um dos aliases definidos no PASSO 1.

 

No nosso exemplo, o atributo alias foi definido como "data-cn-alias="Facebook"", portanto, escreva "Facebook" na caixa de texto.

Detectar_e_reagir_a_links_externos_-_4-4.png

31. Verifique e configure as limitações do nó, se necessário.

 

No nosso exemplo, todas as limitações foram removidas: o objetivo é atualizar todas as informações caso o contato clique novamente em algum botão de compartilhamento em redes sociais.

Detectar_e_reagir_a_links_externos_-_4-5.png

 

Se você quiser aprender mais sobre os nós "Ao clicar em conteúdo web", clique aqui.

32. Clique em  Atualizar.

 

4.4. Nó "Definir campo"

(Nesta seção, explicamos como salvar os dados do contato após clicar em um link com alias).

33. No nó "Definir campo", clique em  (Editar configuração do nó).

34. Atribua os dados importados no workflow que correspondem aos campos personalizados criados no PASSO 2.

 

No nosso exemplo, o nome do produto, que vem do nó "Ao visitar produto", foi atribuído ao campo personalizado "Produto compartilhado".
No caso do campo personalizado "Rede Social usada", o valor foi definido com base no alias do link, que é um dado coletado pelo nó "Ao clicar em conteúdo web".

Detectar_e_reagir_a_links_externos_-_4-6.png

 

Se você quiser aprender mais sobre o nó "Definir campo", clique aqui.

35. Clique em  Atualizar.

36. No workflow, clique em  Salvar para guardar as alterações e em  Iniciar para ativá-lo.

 

 

 Sucesso!
A configuração para detectar e reagir aos links externos selecionados está pronta.


Aprenda mais!

Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos: