Usando a API do YouTube com eventos do Google Analytics

-
E aí turma, vamos falar hoje de YouTube e Google Analytics. Como todos sabem, é possível incorporar um vídeo do YouTube dentro de um site comum, apenas colando algumas linhas de código HTML ou com poucos cliques se for através de algum CMS, como o WordPress, por exemplo.
A grande questão que me perguntam é: como mensurar as interações dos usuários nos vídeos incorporados? Lá no Analytics do YouTube você consegue algumas respostas, mas através da API do YouTube é possível controlar o Player do Vídeo no seu site com JavaScript e enviar tudo que acontece para o Google Analytics.
A ideia do tutorial é montar uma página HTML simples, incorporar um vídeo e enviar para o Google Analytics o evento Play em tempo real, e os dados vão ficar disponíveis também nos relatórios de Eventos.
Se preferir, acesse o tutorial em vídeo: Como usar a API do YouTube com eventos do Google Analytics.Aproveite para se inscrever no canal e ficar por dentro das novidades em vídeo.

Montando o HTML básico

Pra começar, você deve criar um arquivo chamado index.html no seu editor favorito (Notepad++, Sublime…) e montar a estrutura básica de uma página, já com o código HTML do vídeo que será incorporado.
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Eventos Google Analytics e YouTube</title>
 </head>
 <body>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/kTKqTnClB-4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe">
 </body>
</html>
Ao abrir o arquivo no navegador, o resultado deverá ser como o da imagem a seguir, com o vídeo kTKqTnClB-4 incorporado, mas fique à vontade para colocar o vídeo que você quiser, o resultado será o mesmo.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

O que são Usuários, Sessões e PageViews no Google Analytics

-
Imagem
  Acesse o conteúdo original sobre “ O que são Usuários, Sessões e PageViews no Google Analytics ” no site oficial do Aylton Inacio. Se você tem um site comum, blog ou ecommerce, com certeza precisa medir e analisar o tráfego que ele recebe, e uma das melhores ferramentas para fazer isso é o  Google Analytics . Ao  configurar o Google Analytics no seu site , diversos dados são capturados em cada acesso do usuário e transformados em relatórios estratégicos, compostos por dimensões e métricas. Uma métrica é o que você deseja mensurar, já uma dimensão é a perspectiva de análise. Por exemplo, nos últimos 30 dias o meu site teve 10.000 usuários do estado do Rio de Janeiro. Neste caso temos a métrica Usuários e as dimensões Data e Estado.  Se preferir, acesse  “O que são Usuários, Sessões e PageViews no Google Analytics”  no YouTube. Dentro do Google Analytics existem diversas Métricas e Dimensões, e neste post você vai entender as diferenças entre  Usuários...
Leia mais

Como criar um mapa preenchido no Looker Studio

-
  Os mapas do   Looker Data Studio   permitem que você apresente seus dados separados por regiões geográficas, no Brasil ou mundo, de forma gráfica e interativa. O Google aproveitou uma ferramenta que tem há muito tempo, que é o Google Maps, e integrou com o Looker, assim temos recursos realmente valiosos de mapas. Hoje são 5 tipos de mapas para usar: Mapa de balão Mapa preenchido Mapa de calor Mapa de linhas Gráfico de mapa Neste tutorial vamos focar no  Mapa Preenchido  que permite a apresentação dos seus dados até o nível de cidade e preenchendo as áreas com cores, criando marcações bem visíveis e limitadoras. ▶ Se preferir, acesse  "Como criar um mapa preenchido no Looker Studio"  no YouTube. Acesse o conteúdo completo e original sobre “ Como criar um mapa preenchido no Looker Studio ” no site oficial do  Aylton Inacio .
Leia mais

Testes condicionais com Datas no Looker Data Studio

-
  O Looker Studio (Data Studio) permite a manipulação de campos Data de várias maneiras e é fundamental entender as possibilidades de testes condicionais. Neste post você vai aprender como fazer testes com operadores condicionais entre campos; entre um campo e uma data criada com função Date; funções como DATETIME_ADD para adicionar dias. ▶ Se preferir, acesse  "Testes condicionais com Datas no Looker Data Studio"  no YouTube. Para nossos exemplos, considere a seguinte tabela já com dois camp...   Acesse o conteúdo completo e original sobre “ Testes condicionais com Datas no Looker Data Studio ” no site oficial do  Aylton Inacio .
Leia mais