Como atualizar um Dashboard no Data Studio automaticamente

Acesse o conteúdo original sobre “Como atualizar um Dashboard no Data Studio automaticamente” no site oficial do Aylton Inacio.

Se você trabalha com Google Data Studio, provavelmente já precisou colocar um Dashboard na TV com dados em tempo real, como uma painel para alguns funcionários da empresa. Quando se faz isso, surge a necessidade de atualizar os dados automaticamente, com tempo personalizado.

Hoje não existe no Google Data Studio um recurso específico pra isso, mas é possível contornar essa limitação com alguma extensão para o navegador (Chrome de preferência), ou até mesmo com um pequeno código JavaScript que qualquer pessoa pode aplicar, mesmo sem conhecimento técnico.

▶ Se preferir, acesse “Como atualizar um Dashboard no Data Studio automaticamente” no YouTube.

Atualizar o Dashboard com extensão do navegador

Considerando que você utiliza o navegador Chrome, siga os passos a seguir para programar atualizações automáticas de Dashboards no Data Studio usando extensões do navegador:

• Abra o navegador (Ex: Chrome)
• Abra a loja de extensões (Ex: Chrome Store)
• Procure por Data Studio
• Instale a extensão Data Studio Data Refresh ou outra de sua preferência
• Abra o dashboard no Google Data Studio
• Clique no botão da extensão na barra do navegador e faça a programação

Importante lembrar que atualização automática consome muitos dados da sua origem. Se ela é baseada em cobrança por consumo (ex: Big Query), o valor pode ficar muito alto, então verifique sua origem de dados e faça uma configuração adequada.

Atualizar o Dashboard com JavaScript

Se você não quiser ou não puder instalar extensões no navegador Chrome, é possível conseguir o mesmo efeito de atualização automática de dashboard no Data Studio usando JavaScript (linguagem de programação usada em sites e sistemas web).

No Chrome, abra seu Dashboard do Data Studio e aperte a tecla F12 para abrir o DevTools, que é um conjunto de ferramentas para desenvolvedores. A ideia é programar um clique virtual no botão “Atualizar dados” do seu Dashboard.

Na aba “Console” do DevTools digite o código JavaScript a seguir para atualizar a cada 10 segundos:

function refreshCases(){
    $(".gmat-button.mat-focus-indicator.mat-tooltip-trigger.mat-stroked-button.mat-button-base").click(); 
    setTimeout(function(){
        refreshCases();
    },10000) 
}
refreshCases();

 

No código existe a referência gmat-button.mat-focus-indicator.mat-tooltip-trigger.mat-stroked-button.mat-button-base que é relacionada com o botão “Atualizar Dados”. Você pode verificar essa referência clicando com o botão direito do mouse sobre o botão e selecionando a opção “Inspecionar”.

Se a referência estiver diferente, a atualização automática não irá funcionar.