Usando integrações em seus projetos

Existem inúmeras integrações que você pode usar em seus projetos de Infogram. Adicione vídeos do YouTube ou Vimeo, conteúdo do Slideshare, imagens do Flickr, GIFs, URLs, iframes e várias integrações de dados. Leia mais sobre as opções disponíveis no artigo abaixo.

Leia o artigo abaixo e veja como:

YouTube, Vimeo, Slideshare, Flickr

  1. Quando a barra lateral de Integrações estiver aberta, selecione se você deseja usar um vídeo do YouTube ou do Vimeo, uma apresentação do Slideshare ou uma imagem do Flickr em seu projeto.
  2. Depois de clicar na miniatura, cole o URL do conteúdo que você deseja usar ou use a barra de pesquisa para procurar algo específico.
  3. Depois de encontrar o conteúdo que você deseja usar, clique na miniatura ou arraste-o para a tela.
  4. Você pode redimensionar o conteúdo ao seu gosto na tela.
    YouTube_integration.gif

Adicione uma URL

Você pode adicionar integrações de URL aos seus projetos. Eles fornecem uma breve descrição da respectiva página e fornecem um link clicável direto.

  1. Quando a barra lateral de integrações estiver aberta, selecione a opção para adicionar uma URL.
  2. Cole a URL na janela pop-up e clique em Inserir. Isso adicionará uma caixa de URL redimensionável ao seu projeto.

    URL_integration.gif

Adicione um GIF

  1. Selecione a opção GIF na barra lateral de Integrações.
  2. Busque pelo GIF que você deseja usar com a ajuda da barra de pesquisa.
  3. Adicione o GIF ao seu projeto clicando nele ou arrastando-o para a tela. Você pode redimensionar o GIF ao seu gosto na tela.

Usar um iframe

Você também pode incorporar iframes em projetos do Infogram. Pode ser um formulário (Google e Typeform), um mapa (Google maps), seu site etc. Lembre-se de que códigos contendo javascript não serão aceitos.

  1. Procure um link iframe que você possa usar no Infogram. Por exemplo, no Google Maps, um link iframe pode ser acessado no painel de configurações em Compartilhar ou incorporar um mapa.
  2. Copie o código HTML. Vá para Infogram e cole o código na caixa iframe.
  3. Clique em Inserir e o iframe aparecerá na tela. Você pode redimensioná-lo de acordo com suas necessidades.

    Iframe.gif

Dados de origem dos bancos de dados

Existem algumas integrações SQL disponíveis: MySQL, PostgreSQL, Amazon Redshift, Oracle e Microsoft SQL Server. Essas integrações requerem conhecimento básico de manuseio de dados da fonte preferida.

Na barra lateral de Integrações, selecione o banco de dados que você deseja conectar e preencha o formulário:

  • Nome do host (URI) ou IP: Se você quiser garantir que essa integração seja segura, poderá restringir o acesso a esses endereços IP: 63.33.112.231, 34.254.41.145, 34.255.12.210. Vamos nos conectar ao seu banco de dados a partir de um desses endereços, portanto, verifique se eles estão na lista de permissões.
  • Número da porta  
  • Nome da base de dados
  • Usuário
  • Senha
  • Se o seu banco de dados suportar conexões SSL, sugerimos que você marque a caixa de seleção SSL no aplicativo para esse banco de dados. Recomendamos que você use essa configuração para garantir que os dados não sejam transmitidos em texto sem formatação.
 
Nota: Não é possível editar campos no formulário após conectar o banco de dados. Para fazer isso, você precisará adicionar a integração novamente.

Você pode encontrar dois exemplos de consultas ao banco de dados neste projeto.

As integrações criam automaticamente gráficos dinâmicos e ao vivo. Uma atualização ocorrerá toda vez que você abrir o projeto em 1) o editor 2) a visualização na web 3) ou o site em que está incorporado. Nesse momento, uma solicitação de dados será enviada ao Infogram e depois ao seu banco de dados, que fornecerá novos dados.

Para desconectar a base de dados:

  1. Clique duas vezes no gráfico ou mapa para acessar a guia Editar dados no painel de configurações à direita.
  2. Clique em Desconectar logo acima da tabela de dados para remover a conexão.

Outras opções

Leia o artigo sobre como criar gráficos e mapas de atualização ao vivo para ver como você pode conectar documentos do Google Drive e feeds JSON aos seus projetos.

Para descobrir como adicionar sua conta do Google Analytics à sua conta do Infogram, consulte o artigo no Google Analytics.