Passar para o conteúdo principal
Todas as coleçõesComo usar a plataforma
Como incorporar o Dashboard em uma página HTML?
Como incorporar o Dashboard em uma página HTML?

Veja como utilizar o Dashboard em uma página HTML própria.

Atualizado há mais de 10 meses

Alguns clientes nos solicitaram uma forma de incorporar o Dashboard em uma página HTML própria. Como ainda não temos uma funcionalidade nativa para criar o esse código, criamos aqui um artigo que mostra como você pode criar esse código e usar.

Incorporando o Dashboard em uma página HTML

1 - Você precisa do link do dashboard que será incorporado

Crie uma vista compartilhada do Dashboard que deseja incorporar (embedar) e reserve o link dessa vista.

Para compartilhar o Dashboard com um cliente ou uma pessoa que esteja fora da sua organização, use as "Vistas compartilhadas", pois com elas você cria um link direto onde a pessoa irá visualizar somente os datacards que você quer que ela veja, sem precisar logar na plataforma.

Se você ainda não sabe o que é a Vista compartilhada ou como usa-la, leia nosso artigo sobre as vistas compartilhadas

2 - Use o link criado em um código IFRAME para ser usado na página HTML

Esse é código que deve ser inserido entre as TAGs <body> e </body> do seu HTML:

<iframe src="https://dashboards.keepi.media/share/5f998e4e8e8e7100261d96a7/performance" style="border:none;" title="Dashboard"></iframe>

Substitua o trecho: "https://dashboards.keepi.media/share/5f998e4e8e8e7100261d96a7/performance" do código pelo link da vista compartilhada do seu Dashboard.

3 - Agora inclua o código IFRAME na sua página HTML

Sua página, deve ter basicamente essa estrutura:

<html>
<head></head>
<body>
<iframe src="https://dashboards.keepi.media/share/5f998e4e8e8e7100261d96a7/performance" style="border:none;" title="Dashboard"></iframe>
</body>
</html>


Pronto! Caso não funcione, chame a gente no chat que teremos o prazer em te ajudar

Respondeu à sua pergunta?