3 truques avançados do Google Data Studio que você precisa conhecer

Na Semetrical, a criação de painéis de relatórios personalizados é um grande foco quando se trata de análise e monitoramento de dados. Ao longo dos anos, descobrimos alguns truques por meio de nossa própria experiência e pesquisas, que nos permitem exibir dados de uma maneira que torna nossos painéis mais informativos e fáceis de usar.

O título pode parecer clickbait, mas posso garantir que não é o caso. Se você está lendo isso, significa que você está prestes a ter a sorte de aprender esses truques e usá-los você mesmo. Você pode ter se deparado com alguns deles, mas eles certamente ajudarão algumas pessoas!

De qualquer forma, vamos ao que interessa – os 3 truques que abordaremos são os seguintes;

1. Barra de navegação lateral personalizada
2. Visuais de resumo de métrica
3. A ilusão da velocidade

1. Barra de navegação lateral personalizada

Se você digitar 'painel' no Google e executar uma pesquisa de imagens, poderá notar um recurso comum em toda parte - uma barra de navegação lateral.

No Google Data Studio, embora haja a opção de fixar uma barra de navegação ao lado do relatório, ela parece desconectada do painel. Você não pode personalizá-lo para se adequar à estética do resto do seu painel e, para nós, ele simplesmente não atinge o local.

Isso nos fez pensar – como podemos replicar essa funcionalidade, mas também ajustá-la ao estilo de nossos painéis? Como resultado, desenvolvemos nossa própria solução alternativa para construir um sistema de navegação integrado. Não apenas parece melhor, mas pode ser totalmente personalizado para se adequar às diretrizes da sua marca desejada - e vamos compartilhar os segredos por trás disso!

Este é um exemplo de como fica uma vez finalizado. Como mencionado, é totalmente personalizável, pois, em última análise, é uma combinação inteligente de texto, formas e hiperlinks que variam de página para página. Para conseguir isso, você precisará usar os recursos de relatório e de nível de página. A abordagem pode ser dividida em duas etapas; design e funcionalidade.

O design:

1. Adicione um retângulo branco no lado esquerdo do relatório – faça este nível de relatório.
2. Adicione os recursos de design relevantes (logotipo, barra horizontal superior, cabeçalhos de relatório, sombras de borda) - faça-os no nível do relatório.
3. Adicione caixas de texto para os títulos de página desejados – faça-os no nível do relatório.
4. Adicione círculos cinza claro ao lado de todos os títulos de página – faça-os no nível do relatório.
5. Finalmente, para a página em que você está, adicione um círculo colorido e uma linha ao lado do título e deixe-o no nível da página, pois isso terá que ser movido para cada página.

A Funcionalidade:

1. Adicionar caixa de texto.
2. No modo de edição, clique na caixa de texto e, em seguida, clique no ícone 'inserir link' na barra lateral de propriedades de texto e selecione a página à qual deseja vincular. Defina o texto de exibição para vários zeros.
3. Coloque e redimensione a caixa de texto sobre o título da página na barra lateral à qual ela corresponde.
4. Em seguida, faça as seguintes alterações na barra lateral:
   • Defina as configurações de estouro como ocultas.
   • Altere a opacidade do plano de fundo para 0%.
   • Reduza o preenchimento esquerdo, direito e superior para 0% e a altura da linha para 0px.
   • Defina o tamanho da fonte como o menor disponível.
5. Faça este nível de relatório, então você só precisa alterá-lo em uma página para afetar todas as outras.
6. Você pode então copiá-lo e colá-lo no próximo título, alterando apenas a página que o hiperlink faz referência.
7. Importante observar - se fizer isso de uma só vez, o hiperlink pode continuar a reverter para seu link antigo. Este é, infelizmente, um comportamento normal, portanto, certifique-se de verificar se eles permanecem definidos ao longo de alguns dias. Depois de definidos, eles não serão revertidos no futuro.

Pronto, agora você pode expandir esse método para aprimorar seus painéis! O principal objetivo por trás da integração de uma barra lateral no painel é sua vantagem estética e sensação de familiaridade. Você pode encontrar mais exemplos de painéis do google data studio no meu blog anterior, que também fez referência às 'Leis do UX' e como aproveitá-las enquanto cria um painel. Isso aborda a Lei de Jakob e a Lei de Usabilidade Estética ao mesmo tempo.

2. Visuais de resumo de métrica

Essa é a nossa maneira favorita de exibir métricas de KPI para que você possa entender o desempenho rapidamente e se concentrar em insights acionáveis. Esse truque utiliza a alteração das cores das chamadas de métricas, para que você possa ver apenas a porcentagem ou a alteração real.

Digamos, por exemplo, que você queira analisar sessões específicas, precisaríamos produzir três textos explicativos separados para criar a visualização acima. É assim que você faria isso:

1. Inclua o número bruto e o rótulo, mas oculte todos os rótulos de comparação.
2. Copie e cole este texto explicativo e torne a cor da fonte transparente. Ative as comparações de período e selecione 'período anterior'.
3. Finalmente, copie-o novamente, mas altere-o do período anterior para o ano anterior.

É um truque visual simples, mas poderoso, e você tem a opção de adicionar mais ou menos métricas a este resumo de texto explicativo. Dito isto, há um limite de 50 textos explicativos em uma única página, então tenha isso em mente.

3. A Ilusão de Velocidade

Se você já usou o Google Data Studio antes, é provável que tenha enfrentado problemas com a velocidade do relatório e os tempos de carregamento. Em particular, notamos que pode demorar um pouco para que as cores dos filtros sejam carregadas rapidamente, causando um fundo transparente e tornando o texto ilegível nos primeiros segundos do relatório.

Na Semetrical, eles são colocados na parte superior do relatório e são as primeiras coisas a serem vistas – portanto, não parece ótimo se demorar muito para carregar. Infelizmente, não há muito que você possa fazer para evitar isso, pois afetará diferentes usuários com base em suas velocidades de computador e WiFi.

Portanto, o que gostamos de fazer além de dar ao filtro um fundo branco é colocar uma forma branca correspondente ao tamanho do filtro atrás dele. Isso ocorre simplesmente porque as formas são carregadas mais rapidamente e, portanto, quando um usuário acessa o painel, a escrita será legível desde o início - criando a impressão de tempos de carregamento mais rápidos. Você pode ver os resultados da verificação nas páginas do painel no GIF abaixo:

Resumo

No geral, esses três truques podem dar ao seu painel uma vantagem exclusiva sobre os modelos padrão devido aos requisitos de implementação mais complicados do que o normal. Com o GA4 substituindo o Universal Analytics em breve, agora é o momento perfeito para atualizar seus painéis para relatórios do GA4 também. Se você precisar de suporte adicional de uma agência de análise respeitável, entre em contato hoje mesmo!