Inscreva-se em minha Newsletter
Lançado em 2017 os Web Stories são um formato de conteúdo similar aos Stories do Instagram. Por meio deles, você pode exibir aos usuários do Google informações fáceis e rápidas de se consumir. Esse formato fica disponível no aplicativo Google para dispositivos móveis. Veja um exemplo das Web Stories:
Recursos de análise de Web Stories
As Web Stories usam amp-analytics, a mesma ferramenta de medição por trás de bilhões de páginas AMP. Os editores podem criar suas histórias usando uma configuração JSON simples, e o componente faz a configuração, coleta e geração de relatórios de métricas. Se você estiver usando um um dos fornecedores de análise que já estão integrados ao AMP, poderá começar a coletar insights com uma configuração básica
Entendendo o comportamento do usuário
A jornada de usuário comum para um site é muito diferente da jornada de um Web Stories. Em um site, um usuário pode ler o título, rolar até o final da página, interagir com um formulário antes de clicar em um link para a próxima página. As histórias ocupam a janela de visualização completa e os usuários não rolam, mas tocam para avançar.
Muitos na comunidade de Web Analytics consideraram cada slide nas Web Stories como um novo evento de pageview porque o conteúdo de tela para tela é substancialmente diferente. No entanto, como acabamos de abordar, o slide é apenas um único elemento em uma história completa – e um usuário geralmente precisa ver muitos slides para ter uma noção completa das Web Stories. Assim, a questão de como contamos algo tão simples quanto a visualização do slide tem enormes implicações técnicas. Como você vê acima, tratar cada novo slide das Web Stories como um único pageview pode ser complicado, pois tudo faz parte de uma única URL.
Configuração padrão
O AMP Analytics facilita a implementação usando qualquer parceiro de análise. Por exemplo, com a Google tag, parece assim:
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
"vars": {
"gtag_id": "GOOGLE_ANALYTICS_ID",
"config": {
"YOUR_GOOGLE_ANALYTICS_ID": {
"groups": "default"
}
}
},
"triggers": {
"storyProgress": {
"on": "story-page-visible",
"vars": {
"event_name": "custom",
"event_action": "story_progress",
"event_category": "${title}",
"event_label": "${storyPageId}",
"send_to": ["GOOGLE_ANALYTICS_ID"]
}
},
"storyEnd": {
"on": "story-last-page-visible",
"vars": {
"event_name": "custom",
"event_action": "story_complete",
"event_category": "${title}",
"send_to": ["GOOGLE_ANALYTICS_ID"]
}
}
}
}
</script>
</amp-analytics>
Essa configuração padrão deve fornecer uma análise completa para suas Web Stories.
Se você estiver interessado em ir além do que a configuração padrão pode oferecer, continue lendo para encontrar casos de uso mais avançados com o Google Analytics.
Configurações avançadas
Insight #1: Qual é o slide mais visitado em seus Web Stories?
Crie um dashboard na interface do Google Analytics acessando Customization > Dashboard.
Supondo que você atribua nomes exclusivos às suas Web Stories em “event_category”: "Título", podemos ver quais slides foram visitadas principalmente criando um gráfico de barras em seu painel personalizado escolhendo as dimensões event_category, event_label e a métrica Hits.
Certifique-se de adicionar um filtro para filtrar o Event Action para corresponder exatamente a story_progress:
Insight #2: Qual é a minha Web Stories mais visitada?
Crie um dashboard na interface do Google Analytics acessando Customization > Dashboard.
Supondo que você atribua nomes exclusivos às suas Web Stories dentro das tags <title></title>, podemos ver os Web Stories mais visitadas criando um gráfico de barras em seu painel personalizado, selecionando um Page Title agrupado por dimensão e escolhendo a métrica Pageviews.
Insight #3: Em qual slide os usuários costumam sair nos Web Stories?
Como os Web Stories avançam do slide 1 para o slide N, é natural que o slide 1 seja visto por quase todos, o slide 2 um pouco menos e o número vai diminuindo progressivamente. Se houver slides problemáticos, você verá uma queda dramática na visualização de slides em relação ao anterior. O painel a seguir ajudará você a capturar visualmente quaisquer slides problemáticas.
Você pode usar o dashboard que você criou antes (Insight 1) criar esse gráfico.
Insight #4: Qual é o número médio de slides que meus usuários veem por Web Stories?
Também é possível rastrear eventos calculando a média. Por exemplo, o story_progress das Web Stories pode ser usado para rastrear o número médio de visualizações de slides.
- Navegue até Behavior > Events > Top Events.
- Com Event Category como a dimensão principal, clique no ícone do gráfico de pizza.
- Adicione uma dimensão secundária como Event Action.
- Clique em Advanced. Selecione* Event Action* e selecione
story_progressno filtro e aplique. - Selecione Avg. Value no menu.
Insight #5: Quanto tempo, em média, os usuários gastam em meus Web Storie?
A duração média da sessão e a duração total de todas as sessões (em segundos) / número de sessões.
Crie um novo dashboard ou adicione um widget a um dashboard existente com a seguinte configuração:
Insight #6: Quantas vezes os anúncios foram exibidos em minhas Web Stories?
As Web Stories podem inserir anúncios em suas histórias por meio do componente <amp-story-auto-ads>. A configuração a seguir ajuda você a visualizar o número de vezes que os anúncios foram exibidos nas Web Stories.
Crie um novo dashboard ou adicione um widget a um dashboard existente com a seguinte configuração:
É isso aí
Neste artigo mostrei algumas maneiras de usar o AMP Analytics com o Google Analytics para medir como os usuários interagem com as Web Stories.
Se você tiver comentários ou perguntas sobre esse artigo basta clicar em comentários, seu houver algum problema que você queira relatar sobre suas Web Stories, acesse o Github do AMP e deixe sua sugestão ou problema.