Skip To Content

Anexar vídeo, mídia social e iframes

Compartilhe vídeos do Facebook, Vimeo, ou mídia social do YouTube e anexe iframes em seus sites ou páginas.

Para começar, entre no Portal for ArcGIS e clique em Sites na página Visão Geral para visualizar uma lista de sites.

Dica:

Você também pode editar um site ao visualizá-lo em um navegador. Verifique se você está conectado e procure o botão de edição à esquerda do seu site.

Exibir vídeos

Adicione cartões de vídeo para embutir vídeos do YouTube, Vimeo, ou Facebook .

  1. Arraste um cartão Mídia sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. Colar uma URL de vídeo do Facebook, Vimeo, ou YouTube no campo URL de Vídeo .
  4. Dependendo da origem do vídeo, opções adicionais aparecem que permitem a você configurar a visualização do vídeo:
    • Para vídeos do Facebook , escolha Mostrar Texto de Postagem para exibir número de likes, comentários, compartilhamentos e outro texto relacionado. Escolha Mostrar Legendas Sempre para exibir legendas de vídeo.
    • Para vídeos do Vimeo , escolha Mostrar Título de Vídeo, Mostrar Proprietário do Vídeo, Mostrar a Miniatura de Proprietário do Vídeo, e Playback de Loop de Vídeo.
    • Para vídeos do YouTube , escolha Mostrar Marca do YouTube e Playback de Loop de Vídeo.
  5. Clique no botão copiar próximo à URL do Vídeo para salvar o link para a área de transferência de forma que você possa reusá-la em outro lugar no aplicativo.
  6. Clique em Salvar.

Compartilhar uma única postagem do Facebook

Exiba uma postagem única para destacar algo específico.

  1. Arraste um cartão Mídia Social sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. No campo URL de Postagem da Mídia Social , cole uma URL para qualquer postagem do Facebook publicamente compartilhada. Para copiar a URL correta, clique no rótulo da postagem (a data ou a hora no canto esquerdo superior da postagem), e então copie a nova URL no navegador antes de retornar com a edição do seu site.
  4. Opcionalmente, clique no botão para Mostrar Texto da Postagem para exibir o texto associado com a postagem.
  5. Clique em Salvar.

Exibir uma linha de tempo do Facebook

Exiba uma linha de tempo, eventos ou mensagens do Facebook para uma exploração maior.

  1. Arraste um cartão Mídia Social sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. No campo URL de Postagem da Mídia Social , cole uma URL para qualquer página do Facebook publicamente compartilhada.
  4. Opcionalmente, clique no botão de alternar para ativar ou desativar qualquer combinação das seguintes opções:
    • Linha de Tempo exibe uma guia da linha do tempo abaixo do cabeçalho da página. Clique nesta opção se deseja compartilhar sua linha de tempo ao lado de eventos ou mensagens.
    • Eventos exibe uma visualização de lista das visualizações de eventos da página.
    • Mensagens permite que usuários digitem e enviem uma mensagem ao administrador de página do Facebook utilizando o Messenger do Facebook .
    • Utilizar Cabeçalho Grande aumenta o tamanho do cabeçalho da página e adiciona um botão Enviar Mensagem vinculando usuários ao Messenger do Facebook.
    • Mostrar Foto de Cobertura para exibir a foto de cobertura da página.
  5. Clique em Salvar.

Exibir um único tweet

Exibe uma única postagem do Twitter para destacar u tweet específico.

  1. Arraste um cartão Mídia Social sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. No campo URL de Postagem da Mídia Social , cole uma URL para qualquer postagem do Twitter publicamente compartilhada. Para obter o link de um único tweet, clique no ícone Mais à direita superior da postagem e escolha Copiar Link do Tweet.
  4. Opcionalmente, clique no botão de alternar em qualquer combinação das seguintes opções do menu Opções :
    • Mostrar Tema Escuro inverte a cor de exibição.
    • Largura do Tweet permite a você escolher o tamanho de exibição da sua postagem com as seguintes opções: Pequeno, Médio, Grande.
  5. Selecionar Posição do Tweet permite a você escolher o alinhamento à Esquerda, Centro, ou Direita .
  6. Clique em Salvar.

Exibir uma linha de tempo do Twitter

Exibe uma linha do tempo do Twitter rolável.

  1. Arraste um cartão Mídia Social sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer linha do tempo do Twitter compartilhada publicamente.
  4. Opcionalmente, clique no botão de alternar em qualquer combinação das seguintes opções do menu Opções :
    • Altura Expandida permite a você mostrar mais da coleção de uma vez.
    • Limite do Tweet permite a você definir o número (até 20) de tweets exibidos na linha do tempo.
    • Mostrar Tema Escuro inverte a cor de exibição.
    • Mostrar Cabeçalho para exibir um cabeçalho. Semelhantemente, escolha Mostrar Rodapé para exibir um rodapé.
    • Mostrar Borda exibe uma borda em torno da linha de tempo.
    • Mostrar Plano de Fundo remove ou exibe o pIano de fundo.
  5. Clique em Salvar.

Anexar conteúdo utilizando um cartão de iframe

Você pode utilizar um cartão de iframe para anexar recursos externos, como um aplicativo, mapa da web ou painel, utilizando sua URL.

Dica:

Iframes são mais utilizados para exibir painéis e infográficos. Para outros itens, incluindo aplicativos da web do Experience Builder, páginas do Insights, mapas da web, pesquisas e mapas histórico, considere utilizar um cartão de galeria, cartão de mapa da web, cartão de aplicativo.

Ao utilizar iframes, considere limitar o número de instâncias a não mais que duas. Muitos iframes em um site ou página podem comprometer o desempenho nas visualizações para dispositivos móveis. Esteja você utilizando um iframe ou outro cartão, a exibição de não mais do que 2 itens principais cria um design mais limpo e acessível. Para os itens restantes, tente utilizar um cartão de galeria.

  1. Arraste um cartão Iframe sobre uma linha existente.
  2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
  3. Forneça sua URL e altura do iframe. Não inclua o código iframe de um outro site da web. Somente cole na URL que deseja embutir.

    Anotação:
    Para garantir que o conteúdo seja renderizado, mesmo que a principal URL falhe em dispositivos menores, você pode fornecer uma URL secundário utilizando o campo Substituir URL Móvel .

  4. Adicionar um título para seu iframe.
  5. Habilite a rolagem ativando em Automático.

    Dica:
    A rolagem nem sempre é adequada em dispositivos móveis, pois um usuário talvez não consiga passar o aplicativo se puder somente rolar. Garanta a usabilidade de um iframe rolável no celular antes de confirmar suas alterações.

  6. Clique em Aplicar.

    Anotação:

    URLs de Iframe utilizando HTTP não aparecerão no modo de edição que utiliza HTTPS. Salve e visualize seu site para observar seu iframe.

  7. Clique em Salvar.