Como enviar notificações de Slack usando o Google Tag Manager Server Container

Criamos uma tag para o container do servidor Google Tag Manager que envia uma notificação para a Slack. Com a ajuda desta tag, você pode enviar qualquer informação sobre as ações do usuário em seu site para o canal Slack. Esta tag permite adicionar variáveis, tais como informações do produto e do usuário, dentro da notificação. Você pode notificar sua equipe sobre uma nova compra, carrinho abandonado, ou um novo pedido de cotação de clientes. Um dos casos de uso desta tag é enviar imediatamente notificações à equipe de vendas do canal Slack sobre novos pedidos. Você também pode usar esta tag para monitorar a estabilidade de seu site.

Para enviar notificações de Slack, você precisará ter um container configurado do Google Tag Manager Server com os dados do usuário e do evento que você deseja enviar dentro da mensagem Slack. Você também precisará criar um aplicativo Slack e gerar um webhook URL para este aplicativo. Pode parecer complicado, mas tudo pode ser configurado com apenas alguns cliques. Cobrirei todas as etapas deste como fazer, incluindo a criação de um aplicativo Slack e uma webhook URL. 

Um dos casos de uso não-padrão da tag Slack é verificar se o rastreamento de conversão do Facebook foi bloqueado para usuários do iOS 14 que optaram por não ser rastreados. Digamos que você implementou a API de conversão do Facebook, e está usando um subdomínio personalizado para o servidor de tags. Isso significa que você pode ver eventos na ferramenta de eventos de teste dentro do gerente de negócios do Facebook. Mas como você pode verificar se o rastreamento de conversão do Facebook funciona para usuários do iOS 14 que optaram por não ser rastreados?

Você pode configurar Tag Slack que irá usar o mesmo ativador que seu CAPI do Facebook. Abra seu anúncio FB no iPhone que optou por não ser rastreado no Facebook, clique no anúncio e teste os eventos. Se o rastreamento funcionar, você verá as notificações de Slack. Como a Slack e o Facebook usam os mesmos ativadores, você pode dizer que o rastreamento do Facebook também funciona.  

1. Configurar um container do Google Tag Manager Server. 

2. Abra o container do servidor e adicione a tag Slack a partir da galeria de templates ou clicando neste link.

3. Neste exemplo, mostrarei como enviar uma notificação de Slack em uma compra bem sucedida. Em primeiro lugar, você precisa ter certeza de que o container do Servidor tem as informações necessárias para a compra. Caso contrário, você precisará configurá-lo. 

Deixe-me mostrar como enviar os dados da web para o container do servidor. Tenho uma camada de dados dentro do container da Web com informações de pedidos. Vou usar a tag GA4 para enviar os dados da web para o container do servidor. Dentro do container da Web, eu configurei uma tag GA4 Configuration com a URL de transporte configurada que envia os pedidos para minha URL de servidor de etiquetagem. Também configurei um Evento de Compra GA4 com detalhes de compra.

4. Dentro do contêiner do Servidor, adicionei um Cliente GA4 e uma tag GA4 que ativa toda vez que um cliente GA4 é solicitado. 

5. Abra o modo de pré-visualização do container da Web e do Servidor e verifique se o container do Servidor vê os dados do pedido. 

6. Crie variáveis dentro do container do Servidor que tomarão os dados do evento. Tipo de variável Event Data -> Add Key Path -> Clique em Save. Nós usaremos estas variáveis para a notificação de Slack. 

7. Ir para a aba Tags dentro do container do Servidor -> Clique em New -> Tag type Slack Notification. 

8. Precisamos criar uma aplicação Slack e depois gerar um Webhook para ela. Clique neste link -> Clique em Create An App -> Select From Slack -> Nomeie seu aplicativo e selecione Slack Workspace.

9. Gerar um webhook de entrada para o aplicativo que criamos recentemente. Clique em Incoming Webhook -> Clique em Activate Incoming Webhooks toggle to switch on -> Percorra para baixo e clique em Add New Webhook to Workspace -> Selecione o canal para o qual você deseja enviar notificações e clique em Allow -> Copy the Webhook URL.

10. Cole a URL do Webhook na tag Slack. 

11. Crie um texto de notificação de Slack. Você pode adicionar variáveis aqui. Adicione um ativador e clique em Salvar. 

12. Abra o modo de pré-visualização dos containers da Web e do Servidor e teste se a notificação funciona.

13. Publique os containers da Web e do Servidor.   

Os desenvolvedores e empresas estão continuamente à procura de novas soluções para facilitar seu fluxo de trabalho com Slack melhor. Espero que este post ajude a configurar as notificações de Slack para os eventos críticos em seu site.