Stape

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

Editado
24 de out de 2022
Publicado
1 de jun de 2021
Também disponível

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.

Como funciona a tag Slack para o container do Google Tag Manager Server?Copiar link para esta secção

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. 

Usando a tag Slack para testar se o rastreamento do Facebook está bloqueado pelo iOS 14Copiar link para esta secção

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.  

Como enviar notificações de Slack usando o container do servidor Google Tag ManagerCopiar link para esta secção

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

slack tag in server container

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.

ga4 tag configuration
ga4 event

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

client configuration in ga4
ga4 tag configuration

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. 

web and server container

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. 

server container variables

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.

slack api
slack api from scratch
slack api name app

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.

slack api incoming webhooks
slack add new webhook to workspace
slack tag test 

10. Cole a URL do Webhook na tag Slack. 

webhook url copy
webhook url

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

slack notification text
slack trigger configuration

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

slack tag web and server

13. Publique os containers da Web e do Servidor.   

ConclusãoCopiar link para esta secção

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.

Quer aprender como enviar notificações de Slack no servidor?

Descubra quanto vai custar! Clique em Obter ajuda, preencha o formulário, e enviar-lhe-emos um orçamento.

Obter ajuda

Aloje o seu servidor GTM no Stape