Se você é um assinante doVimeo Business ou Vimeo Premium e usa o Google Analytics, você também pode usar o Google Tag Manager para configurar o monitoramento de eventos para os players do Vimeo incorporados em seu site. Antes de começar, verifique se você tem uma conta configurada no Google Tag Manager e se o Google Tag Manager está instalado na sua página. Você pode encontrar mais informações sobre como fazer isso no site de suporte do Google Tag Manager.
Integrar o Tag Manager ao player do Vimeo
Passo 1: Adicione o script de rastreamento do Vimeo ao seu site
Você precisará adicionar nosso script personalizado que converte eventos do player do Vimeo em eventos do Google Tag Manager. Faça o login e vá para https://vimeo.com/settings/. Na aba Marketing, você verá um código de rastreamento na parte inferior e instruções sobre como adicionar o script às páginas que deseja monitorar.
Você precisará colar esse código de rastreamento abaixo do script do Google Analytics sempre que ele aparecer no código fonte do HTML do seu site.
💡DICA: Se você não conseguir modificar o código HTML do seu site, você também pode inserir ocódigo de rastreamento no seu site usando o Google Tag Manager. Aqui estão algumas instruções:
- Ir para a área de trabalho do Google Tag Manager para seu site
- Agora vá para os "Triggers" - ou Acionadores - do menu principal da área de trabalho do Tag Manager
- Clique em "Novo"
- Escolha o tipo de Acionador "DOM ready" embaixo de Exibição de Página e o defina para todos os eventos
- Salve suas alterações
- Agora clique em "Tags" do menu principal da área de trabalho do Tag Manager
- Clique em "Novo"
- Em Configuração de Tag, escolha o tipo de tag "HTML personalizado"
- Insira seu código de rastreamento exclusivo do Vimeo na caixa HTML
- Em Triggering, selecione o Gatilho “DOM Ready” criado nas etapas anteriores
⚠️ Se você tiver uma configuração mais avançada que adiciona novas incorporações à página após o carregamento inicial (por exemplo, se estiver usando um lightbox ou um player pop-up), você precisará denominar a função . window.__vimeoRefresh() no script usado para carregar suas incorporações iframe, ou você pode inserir esse script personalizado no código-fonte da sua página abaixo do script do Vimeo GA:
<script>setTimeout(function(){ window.__vimeoRefresh(); }, 3000);</script>
Observe que, você pode inserir este script usando o GTM dentro da mesma tag usada para acionar seu script de rastreamento do Vimeo GA, como mostrado aqui:
Passo 2: Confirme se o código de rastreamento do Vimeo foi instalado corretamente
Você pode fazer isso indo primeiro no Google Tag Manager e clicando no botão Visualizar para entrar no Modo de Visualização.
Em seguida, acesse o site no qual você configurou o código de rastreamento. Lá, você verá o console do Google Tag Manager. Você pode verificar isso ao confirmar que existem entradas do Vimeo na seção "Resumo" - e também ao clicar na aba "Data Layer", dentro do próprio console, para verificar a existência de eventos do Vimeo.
⚠️Se não estiver vendo a janela de depuração ao acessar sua página da web, por favor, verifique se você instalou corretamente o Google Tag Manager em seu site.
etapa 3: Crie Variáveis para os eventos do Vimeo
Em sua conta do Gerenciador de Etiquetas do Google, crie uma nova variável definida pelo usuário na secção do GTM, para cada um dos seguintes valores das camada de dados "variáveis":
- categoria_do_evento (sempre 'Vídeo')
- ação_do_evento (carregar, reproduzir, progresso - 25%, progresso - 50%, progresso - 75%, progresso - 100%, captura de e-mail)
- rótulo_do_evento (Título do vídeo + ID do vídeo. Ex .: “Meu Vídeo do Vimeo | 78934”)
Se você já tiver criado variáveis para estes valores de camadas de dados, você pode reutilizá-los.
Categoria do Evento
- Em Tipo de Variável, escolha "Data Layer Variable"
- Digite o nome da variável categoria_do_evento (observação: este valor deve ser minúsculo e exatamente igual)
- Para Data Layer Version, selecione "Version 2"
- Certifique-se que "Set Default Value" esteja desmarcado
- Clique Salvar
Ação do Evento
- Criar nova Variável
- Em Tipo de Variável, escolha "Data Layer Variable"
- Digite o nome da variável ação_do_evento (observação: este valor deve ser minúsculos e exatamente igual)
- Para Data Layer Version, selecione "Version 2"
- Certifique-se que "Set Default Value" esteja desmarcado
- Clique Salvar
Rótulo do Evento
- Criar nova Variável
- Em Tipo de Variável, escolha "Data Layer Variable"
- Digite o nome da variável rótulo_do_evento (observação: este valor deve ser minúsculo e exatamente igual)
- Para Data Layer Version, selecione "Version 2"
- Certifique-se que "Set Default Value" esteja desmarcado
- Clique Salvar
Por fim, retorne ao seu espaço de trabalho principal do GTM para ver todas as novas variáveis que você acabou de criar.
Passo 4: Criar um Acionador para Monitorar os Eventos do Vimeo
Criar um novo acionador
-
Na área de trabalho do GTM, visite a seção Acionadores e selecione "Novo"
-
Em Tipo de Acionador, escolha "Evento Personalizado"
-
Para Nome do Evento, digite vimeo (observação: este valor deve ser minúsculo e exatamente igual)
-
Definir o Acionador para disparar em "Todos os Eventos Personalizados"
Com esta Configuração de Acionador, você poderá monitorar automaticamente qualquer evento enviado dos players incorporados do Vimeo em sua página.
*OPCIONAL*- Se você preferir monitorar apenas alguns eventos no player, você também pode selecionar "Alguns Eventos Personalizados" em sua configuração de Acionador e restringir opções específicas.
A imagem abaixo é um exemplo de acionador que só monitora eventos reproduzidos.
As seguintes ações de eventos são enviadas do player e disponíveis para monitoramento:
- carregamento
- Play
- progresso - 25%
- progresso - 50%
- progresso - 75%
- progresso - 100%
- Captura de Email
(Observação: todos os valores de ações de eventos devem estar em letras minúsculas e corresponder à formatação acima)
Passo 5: Conecte seus acionadores a qualquer um dos seus tags do GTM
Com variáveis e indicadores configurados para todos os eventos do Vimeo, você poderá agora combiná-los com seus serviços de acompanhamentos reais, como o Universal Analytics.
Aqui está um exemplo que conecta todos os eventos do Vimeo a um evento do Universal Analytics.
- Na área de trabalho do GTM, selecione Tags e escolha "Novo"
- Em Tipo de Tag, escolha "Universal Analytics"
- Para o Tipo de Monitoramento, selecione "Evento"
- Associe às variáveis configuradas no passo 3 para Categoria, Ação e Rótulo.
(Obervação: As Configurações do Google Analytics devem ser pré-configuradas como uma variável, separadas da configuração do Vimeo. Isso permite que você mantenha as configurações entre as tags) - Em Acionadores, escolha seu Acionador do Vimeo (observação: este é o acionador que criamos na etapa anterior)
