1. Home
  2. »
  3. Tutoriais Looker Studio
  4. »
  5. Como projetar relatórios no Looker Studio e personalizá-los.

Como projetar relatórios no Looker Studio e personalizá-los.

Aprenderás sobre:

Neste tutorial, você aprenderá como projetar relatórios do Looker Studio, começando pelo tema e layout, editando gráficos e adicionando filtros e botões para torná-los interativos.

Nenhum bom design salvará você se você não tiver os fundamentos corretos, como as métricas e KPIs mais importantes e uma boa narrativa para apoiar sua análise. Criamos um artigo completo sobre como criar um bom relatório de marketing para que você acerte a parte estratégica primeiro.

Lembre-se de que o Looker Studio (anteriormente Google Data Studio) é uma ferramenta; para entender qual é a melhor maneira de compartilhar uma ideia visualmente, você deve aprender visualização de dados. Isso está fora do escopo deste tutorial, mas é bom ter isso em mente.

Fizemos um vídeo passo a passo, se você preferir aprender visualmente:

Criar um novo relatório do Looker Studio

Para projetar e personalizar um relatório do Looker Studio, primeiro, você precisa criar um relatório ou editar um relatório existente.

  1. Abra Looker Studio

  2. No painel direito-esquerdo, clique no botão ‘criar+’ e selecione ‘Relatório’

Isso abrirá um relatório em branco que você pode personalizar. 3. Agora, você precisa adicionar uma fonte de dados ao seu relatório; vamos usar o Google Analytics 4, que é uma das integrações mais usadas.

Google Analytics 4

Dica: Lembre-se de que você pode usar fontes de dados de demonstração clicando em ‘Minhas fontes de dados’ e procurando pelos conjuntos de dados [amostra] que o Google Looker Studio oferece.

Conjuntos de dados de amostra em 'minhas fontes de dados' no Looker Studio
  1. Agora autorize e selecione a conta que você deseja usar no relatório.

Configurações GA4
  1. Clique em ‘Adicionar’ e comece a usar sua nova fonte de dados para criar gráficos e gráficos.

Lembre-se, o Looker Studio tem centenas de integrações que puxam dados diretamente da plataforma para que seus relatórios sejam atualizados automaticamente,

Você pode conectar várias fontes de dados ao mesmo relatório, como Google Ads, Google Analytics 4, Facebook Ads, Instagram Insights, LinkedIn Pages, LinkedIn Ads, Hubspot e muito mais.

Fizemos um artigo completo sobre como adicionar fontes de dados aos seus relatórios do Looker Studio.

Adicionar e personalizar o estilo do gráfico

Adicionar e personalizar o estilo do gráfico

Se você quiser ir mais fundo, temos um tutorial completo sobre como criar gráficos no Looker Studio com exemplos passo a passo. Mas vamos ver como você pode adicionar gráficos – como séries temporais e placares – e focar em como personalizá-los:

Para adicionar um gráfico a um relatório do Looker Studio:

Vamos aprender como você pode adicionar gráficos, como séries temporais e placares.

Lembre-se de que você sempre precisa adicionar uma fonte de dados ao seu relatório, para adicionar e editar componentes de gráficos. Dito isso, vamos adicionar um gráfico ao seu painel do Google Looker Studio:

  1. Clique em “Adicionar um gráfico no seu painel”.

Como adicionar gráficos a um relatório do Looker Studio
  1. Selecione o gráfico que deseja adicionar à sua página, como séries temporais, tabelas e placares.

  2. Clique em qualquer lugar na área de tela para adicionar o gráfico à sua página.

  3. Edite as métricas e dimensões que deseja incluir no seu gráfico.


    Editar métricas e dimensões em um gráfico de séries temporais

Depending on the type of graph, you will have a limit of metrics and dimensions you can add. For instance, in scorecards, you can only add one metric and customize the comparison options.

Para personalizar um gráfico:

  1. Selecione um gráfico e vá para a aba “Estilo” no painel lateral.

Como editar o estilo de um gráfico

2. Aqui você pode alterar as cores, fontes, rótulos e outros aspectos visuais do gráfico.

3. Agora você pode brincar com as diferentes configurações e ver como seu gráfico muda.

Recomendo que você pense no que deseja fazer e, em seguida, procure as configurações que permitem modificar isso.

4. Por exemplo, se eu quisesse modificar a cor da série de linhas, vá até a linha da série que deseja modificar e clique no lápis. Em seguida, selecione uma nova cor na paleta ou crie uma cor personalizada.

Como mudar a cor de um gráfico

Aqui você pode ver como a linha mudou de roxa para verde.

Exemplo de novo estilo de cor de gráfico de séries temporais

Agora vamos ver outros exemplos. Lembre-se, essas opções de personalização podem ser aplicadas ao relatório inteiro para garantir uma aparência consistente e coesa que corresponda à estética da sua marca.

Como adicionar linhas de referência a um gráfico

Você pode adicionar linhas de referência a gráficos de barras, gráficos de linhas e gráficos de séries temporais. Para fazer isso, siga estas etapas:

  • Clique no gráfico de séries temporais e vá para ‘Estilo’

  • Role para baixo, vá para ‘Linhas de referência’ e clique em ‘Adicionar uma linha de referência’ ou ‘Adicionar uma faixa de referência’.


    A principal diferença entre os dois é que o primeiro é uma linha e o segundo é uma faixa entre dois valores.

    Como adicionar linhas de referência

  • Selecione o menu suspenso em ‘Tipo’ e selecione se deseja usar um valor constante, métricas e parâmetros. Se você selecionar um valor constante, terá que digitar uma entrada.

    Valor constante em uma linha de referência

    Se você selecionar uma métrica, ela funcionará para qualquer métrica que você tenha na fonte de dados que está usando.

Linha de referência com métricas

Personalize métricas, mini gráficos e estilos.

  1. Ao adicionar um scorecard ou outro gráfico, você pode personalizar as métricas sendo exibidas:

    • Clique em ‘Adicionar gráfico’

    • Selecione o gráfico de scorecard.

    • Na aba “Dados”, escolha a métrica que deseja mostrar (por exemplo, sessões, usuários, conversões)

      How to add a metric
    • Você também pode alternar entre diferentes agregações como soma, média, mínimo, máximo clicando no lápis à esquerda do nome da métrica.

  2. Para adicionar um sparkline a um scorecard:


    • Selecione o scorecard


    • Nas “Dados” tab, escolha uma dimensão de data (por exemplo, data) para mostrar a métrica ao longo do tempo



    • Isso adicionará uma linha de tendência de sparkline abaixo do valor da métrica principal


      Adding a scorecard in a sparkline on Looker Studio
  3. Personalize o estilo do sparkline:


    • Vá para a aba “Estilo” do scorecard


    • Em “Sparkline”, você pode alterar a cor, o preenchimento e o suavização do sparkline.


    How to customize a scorecard

    Você pode experimentar diferentes estilos para tornar o sparkline visualmente atraente.


    Além disso, você pode usar diferentes opções de comparação para avaliar seu desempenho de marketing ou de negócios.


    Add target values and comparisons in scorecards.

Usar comparações de intervalo de datas em gráficos

Transformar dados brutos em um formato que destaca dados relevantes para comparação é crucial no Looker Studio. Uma dica para criar os melhores painéis é sempre comparar algo. Lembre-se: não há insight sem contexto.

Por exemplo, você pode adicionar contexto aos seus relatórios usando: desempenho passado, objetivos, benchmarks e texto.

Veremos como você pode fazer isso com base no desempenho passado com comparações de intervalo de datas:

  1. Clique em ‘adicionar um gráfico’ e selecione uma tabela

  2. Agora selecione um gráfico. Estou escolhendo uma tabela para o exemplo, mas você poderia usar qualquer outro gráfico.

  3. Vá para as opções de comparação na aba ‘Configuração’ e clique na lista suspensa na função de intervalo de datas de comparação.

Comparision data range function

4. Escolha uma opção como “Período anterior” para exibir uma comparação em relação a um período anterior.

Compare your data with the previous period

Isso fornece contexto útil e insights ao analisar, visualizar e comparar seus dados,

Table with comparision date ranges.

Como você pode ver, as comparações ajudam você a tomar decisões orientadas por dados porque fornecem contexto para entender se algo está se saindo melhor ou pior do que o esperado, agora é sua vez de experimentar.

Copiando e colando estilos em vários gráficos

Se você deseja replicar o estilo de um gráfico (por exemplo, cores, fontes, bordas), você pode usar a função de copiar estilo apenas. Para usá-lo, siga estas etapas:

  1. Copie o gráfico que deseja replicar para copiar o estilo.

  2. Clique com o botão direito no gráfico estilizado e selecione “Colar especial” > “Colar somente estilo”

Pastying styles on charts
  1. Isso aplicará o mesmo estilo visual a quaisquer outros gráficos nos quais você colar o estilo.

Essa é uma maneira rápida de estilizar consistentemente várias visualizações em seu relatório.

Adicione controles de fonte de dados aos seus relatórios

Controles e filtros transformam seu relatório de estático para relatórios personalizados interativos. É por isso que sempre recomendo adicionar controles aos seus relatórios para que você possa brincar com seus dados e promover uma melhor tomada de decisão, tornando mais fácil obter melhores insights.

Você tem onze tipos diferentes de filtros, como lista suspensa, intervalo de datas e filtros avançados. Se você quiser aprender todas as nuances sobre como usá-los e quando adicioná-los, criamos um artigo completo sobre como adicionar, editar e gerenciar controles e filtros no Looker Studio.

Agora vamos ao básico, para adicionar um controle ao seu relatório:

  1. Clique em ‘Adicionar um controle’ e selecione o tipo de filtro que deseja adicionar

Looker Studio controls
  1. Vou selecionar a lista ‘Suspensa’, que é a mais comum

  2. Em seguida, vou selecionar o ‘Campo de controle’. Neste caso, estou usando o Google Analytics 4 como fonte de dados e vou selecionar ‘Fonte’ como a dimensão no campo de controle

Drop-down control

Você também pode adicionar uma métrica para que seja mostrada quando você clicar na lista suspensa junto com a dimensão

How to edit a drop-down control

Agora você pode clicar para filtrar seu relatório. Como você pode ver, o Looker Studio é uma incrível ferramenta de visualização de dados e relatórios que permite aos usuários criar relatórios personalizados interativos.

Adicionando botões interativos ao seu relatório

Os botões ajudarão você a criar relatórios interativos no Looker Studio, eles permitirão que você:

  1. Clique em “Adicionar um controle” e selecione ‘botão’

  2. Clique para adicionar o botão ao seu relatório

  3. Por padrão, seu botão terá o design e o estilo do seu relatório e o ‘tipo de ação’ é ‘Navegação’, o que permitirá que você envie os usuários para diferentes páginas do relatório ou uma página de destino específica. Você pode editar o link do botão clicando em ‘Inserir link’ e selecionando uma página do relatório ou uma página personalizada.

Você também pode usar ‘Ações do relatório’ que permitirão que você: convide pessoas, obtenha o link do relatório, baixe o relatório ou redefina os filtros apenas clicando no botão.

Personalize a aparência geral do relatório (plano de fundo, fontes, cores)

Editando o tema e o layout

  1. Vá para a seção “Tema e Layout” no canto superior direito do Looker Studio.

Theme and laytout settings
  1. A primeira coisa que você verá são temas sugeridos que são modelos que você pode copiar, editar e aplicar a todo o seu relatório. Você pode selecionar um para aplicar um dos temas sugeridos.

Theme and layout templates
  1. Clique em “Personalizar” para acessar as opções de alteração do estilo geral do relatório.


  2. No menu “Personalizar”, você pode:

    • Alterar a cor de fundo do relatório

    • Modificar a fonte usada em todo o relatório (por exemplo, mudar para Montserrat)

    • Ajustar as cores usadas para texto, bordas e outros elementos


  3. Você pode experimentar diferentes esquemas de cores e escolhas de fontes para marcar o relatório com o estilo da sua empresa.

Como extrair um tema de uma imagem

Você pode extrair um tema personalizado de uma imagem, encontre-o na parte inferior da seção de temas.

Extract a theme from image

Clique em ‘Enviar do computador’ e selecione a imagem da qual deseja extrair o estilo. Depois de enviar a imagem, você verá três alternativas diferentes:

Themes created from an image on Looker Studio

Essa é uma das maneiras mais rápidas de adicionar sua paleta de cores e estilo sem perder muito tempo.

Altere o layout e o tamanho do seu relatório

Você pode personalizar seu layout ou tela, o que afetará o tamanho e como seu relatório é exibido.

Para editar o tamanho do seu layout, siga estas etapas:

  1. Vá para Tema e Layout

  2. Selecione o tema


    Change the layout and size of your report
  3. Clique em ‘Tamanho da tela’ e selecione ‘personalizado’

  4. Em seguida, adicione uma largura e altura personalizadas em pixels. As alterações feitas serão aplicadas automaticamente a todo o seu relatório.

Aqui vai uma dica para você: selecione ‘Ajustar à largura’ no modo de exibição para que seu relatório se adapte automaticamente ao tamanho da sua tela e seja mais fácil de navegar.

Criando um banner personalizado

Você pode adicionar diferentes formas e imagens aos seus relatórios e, combinando esses elementos, pode criar banners, personalizar botões e fazer white-labeling em qualquer relatório de marketing que criar.

  1. Para adicionar um banner, basta clicar no retângulo na barra de menu

Add shapes to your report
  1. Em seguida, ajuste o tamanho do seu retângulo ao tamanho da tela do seu relatório

  2. Altere a cor em ‘Propriedades do retângulo’

  3. Clique com o botão direito e selecione ‘Tornar nível de relatório’. Agora seu banner será incluído em todas as páginas do seu relatório.


    Custom banner on Looker Studio reports

Adicionando ícones, imagens e logotipos

O Looker Studio permite que você crie relatórios de marca branca. Você pode personalizar seu relatório adicionando seu logotipo e cores da marca ao cabeçalho e aos gráficos.

Para adicionar um logotipo, siga estas etapas:

Personalize o menu de navegação no relatório

Você pode criar menus personalizados com seções, páginas e ícones. Para editar as configurações do menu, siga estas etapas:

  • Vá para a página e clique em ‘Gerenciar páginas’


    Manage pages on Looker Studio

  • Agora você pode editar o menu do seu relatório: adicionando páginas, seções, divisores e cabeçalhos.


    How to manage pages on Looker Studio

  • Experimente diferentes estilos de navegação, como um menu lateral ou layout com abas.


    How to edit and customize a menu on Looker Studio

    Por exemplo, neste caso você pode ver como agrupei páginas relacionadas em seções com títulos descritivos e também atribuí ícones a cada seção para fornecer dicas visuais aos usuários.

Dica: Você pode ocultar páginas específicas dos visualizadores enquanto as mantém acessíveis para edição. Para ocultar uma página, siga estas etapas:

  • Vá para as configurações de “Página” de qualquer página e ative a opção “Oculta”.

  • Isso permite que você trabalhe em páginas incompletas sem mostrá-las aos visualizadores do relatório.

Copie um modelo do Looker Studio para economizar tempo no design

A maneira mais fácil de criar relatórios é copiando um modelo do Looker Studio, o processo é muito simples, você tem que duplicar o relatório e substituir a fonte original.

Se você é um profissional de marketing, pode navegar pela nossa galeria de modelos de marketing do Looker Studio e começar a automatizar seus relatórios.

Looker Studio marketing report template gallery

Conclusão

Após ler este guia passo a passo, você está pronto para criar ótimos relatórios no Looker Studio. Se quiser se tornar um profissional do Looker Studio, você pode conferir todos os nossos tutoriais gratuitos do Looker Studio

Sobre el autor:

Picture of Daniela Gomez

Daniela Gomez

Daniela Gómez é a Head de Growth na Porter Metrics. Ela também é fundadora do The Growth System, onde discute crescimento orgânico e consulta startups que procuram acelerar seu crescimento. Além disso, ela leciona Growth, Visualização e Looker Studio em plataformas renomadas como Platzi e Product Hackers.

Automatize seus relatórios no Looker Studio

Não é necessário cartão de crédito