Usando Firebase e Google Tag Manager com AppsFlyer—Configuração do Google Tag Manager

Numa olhadela: Instruções para configurar o envio de eventos, reportados via Firebase SDK, para AppsFlyer no Google Tag Manager.

Configuração do Google Tag Manager

Esta secção discute a configuração necessária na interface do utilizador do Google Tag Manager (GTM). Todos os passos descritos nesta secção são necessários para que o GTM envie eventos para AppsFlyer. Siga os passos pela ordem indicada.

Os seguintes passos são para o Google Tag Manager em aplicações móveis. Se a interface do seu Google Tag Manager for diferente das capturas de ecrã nos vários passos, verifique o seguinte:

  1. O conteúdo do seu Google Tag Manager está configurado para aplicações móveis.
  2. O contentor é o v5. Para mais informações, clique aqui.

Nota

Os passos descritos nesta secção referem-se a um evento de compra, mas são relevantes para qualquer evento que deseje enviar.

1. Criar variáveis de parâmetros de eventos

As variáveis de parâmetros de eventos permitem que o Google Tag Manager obtenha dados do evento. Quando o evento é enviado, as variáveis ID do AppsFlyer e Dev Key são passadas junto com ele. O Google Tag Manager avalia então o valor dessas variáveis e é assim que as obtém. Os dados do evento têm duas funções:

  1. Fornecer ao Google Tag Manager o ID do AppsFlyer e a Dev Key
  2. Fornecer ao Google Tag Manager o nome do evento e os parâmetros do evento
ID do dispositivo AppsFlyer e Dev Key Receita e Preço

Sempre que o Google Tag Manager enviar um evento para o AppsFlyer, deve enviá-lo com o ID do AppsFlyer e a Dev Key. A Dev Key permite que o Google Tag Manager comunique com os servidores do AppsFlyer. O ID do AppsFlyer permite que o AppsFlyer saiba a qual utilizador atribuir o evento.

  1. No Google Tag Manager, clique em Variáveis e depois em Novo
  2. Dê o nome à variável de "Chave de Desenvolvedor AppsFlyer" e clique em Configuração da Variável.
  3. Escolha Parâmetro de Evento.
  4. Escolha Parâmetro Personalizado.
  5. No campo Parâmetro de Evento , introduza "dev_key" e guarde.
  6. Repita o processo para o ID AppsFlyer também - nomeie a variável de "ID do Dispositivo AppsFlyer" e introduza "af_id" no campo Parâmetro de Evento .

Exemplo

Abaixo está uma captura de ecrã da interface do GTM. Mostra a configuração final do parâmetro de evento:

event_parameter_variable_dev_key.png

Importante!

Para iOS, deve ser configurado um Parâmetro de Evento adicional. Siga o mesmo fluxo listado acima. Crie uma variável e nomeie-a "Apple App ID". No campo Parâmetro de Evento, introduza "apple_app_id" e guarde.

O próximo passo é criar e definir as variáveis ID e Chave de Desenvolvedor AppsFlyer dentro da aplicação. Este passo é discutido na secção Envio de Eventos.

2. Criar um gatilho para o evento de compra.

Para que o Google Tag Manager saiba se o evento deve ser enviado para o AppsFlyer, um disparador para o evento deve ser configurado.

  1. No Google Tag Manager, clique em Disparadores e depois em Novo.
  2. Nomeie o disparador como "Compra" e clique em Configuração do Disparador.
  3. Escolha Personalizado.
  4. Escolha Alguns Eventos.
  5. Nas condições, defina o disparador para ser ativado quando o Nome do Evento for igual a "af_purchase".
  6. Clique em Salvar.

Exemplo

Abaixo está uma captura de ecrã da interface do GTM. Aqui está a configuração final do disparador:

trigger_purchase_event.png

3. Criar um tag para o evento de compra

Agora que as variáveis necessárias e o disparador do evento estão configurados, você pode criar o tag para o evento de Compra.

  1. No Google Tag Manager, clique em Tags e depois em Novo.
  2. Nomeie o tag como "Compra" e clique em Configuração do Tag.
  3. Escolha AppsFlyer.
  4. No campo ID da Aplicação , defina a variável interna do ID da App.

    Importante!

    Para iOS, defina a variável personalizada "apple_app_id" no campo ID da Aplicação .

  5. No campo Chave de Desenvolvedor , escolha a variável "AppsFlyer Dev Key".
  6. No campo ID do Dispositivo AppsFlyer , escolha a variável "AppsFlyer Device ID".
  7. No campo Nome do Evento, defina a variável interna Nome do Evento.
  8. No campo Moeda do Evento , defina o código da sua moeda, por exemplo, USD.
  9. Clique duas vezes em Adicionar Valor do Evento.
  10. Defina o seguinte:
    Chave: af_revenue, Valor: escolha a Variável de Parâmetro do Evento "Receita".
    Chave: af_price, Valor: escolha a Variável de Parâmetro do Evento "Preço".
  11. Na secção de Disparos, defina o Disparador de Ativação para o disparador do evento "Compra".
  12. Clique em Salvar.

Exemplo

Abaixo está uma captura de ecrã da interface do GTM. Aqui está a configuração final do Tag:

purchase_tag.png

4. Publicação do container do tag manager

Após cada alteração no Google Tag Manager (adição de tags, etc.), você deve baixar o container e adicioná-lo à pasta raiz da sua aplicação:
  • Android - app/src/main/assets/containers
  • iOS - pasta raiz/container
Compile e instale a aplicação num dispositivo de teste e verifique o log de depuração para ver se o evento é ativado e enviado.