Compartilhe vídeos de rede social do Facebook, Vimeo ouYouTube e anexe iframes em seus sites ou páginas.
Para começar, entre no Portal for ArcGIS e escolha Sites na página Visão Geral para visualizar uma lista dos seus 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.
- Arraste um cartão Gráfico sobre uma linha existente.
- Passe o mouse sobre o cartão e selecione o botão
para mudar para o modo de edição. - Cole uma URL de vídeo do Facebook, Vimeo ou YouTube no campo URL do Vídeo.
- 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 da postagem para exibir número de curtidas, 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 miniatura de proprietário do vídeo, e Reprodução de vídeo em loop.
- Para vídeos do YouTube, escolha Mostrar marca do YouTubeYouTube e Reprodução de vídeo em loop.
- Selecione o botão copiar ao lado de 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.
- Selecione Salvar.
Compartilhar uma única postagem do Facebook
Exiba uma postagem única para destacar algo específico.
- Arraste um cartão Rede social sobre uma linha existente.
- Passe o mouse sobre o cartão e selecione o botão para mudar para o modo de edição.
- No campo URL de postagem na rede social, cole uma URL para qualquer postagem do Facebook publicamente compartilhada. Para copiar a URL correta, selecione o rótulo da postagem (a data ou a hora no canto superior esquerdo da postagem), e então, copie a nova URL no navegador antes de retornar com a edição do seu site.
- Opcionalmente, clique no botão de alternância para Mostrar texto da postagem para exibir o texto associado com a postagem.
- Selecione Salvar.
Exibir uma linha de tempo do Facebook ou Twitter
Exiba uma linha de tempo, eventos ou mensagens do Facebook para uma exploração maior.
- Arraste um cartão Rede social sobre uma linha existente.
- Selecione qualquer lugar dentro do cartão para alternar para o modo de edição.
- No campo URL de postagem da rede social, cole uma URL para qualquer página do Facebook publicamente compartilhada.
- Opcionalmente, selecione o 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. Selecione esta 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.
Ao usar o cartão Rede social, você poderá notar um resultado inesperado no feed de Eventos do Facebook. Leia o artigo sobre Cartões de rede social e problemas de eventos do Facebook para saber mais.
- 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 exibe a foto de cobertura da página.
- Selecione 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óricos, considere utilizar um Cartão de galeria, Cartão de mapa da web ou Cartão de aplicativo.
Considere usar no máximo duas instâncias de iframe. 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 dois itens principais cria um design mais limpo e acessível. Tente usar um cartão da Galeria para os itens restantes.
- Adicione um cartão Iframe a uma linha existente.
- Forneça sua URL e altura do iframe. Não incorpore código iframe de outro site; cole apenas a URL que você deseja embutir. O domínio esri.com não é suportado.
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ária utilizando o campo Substituir URL Móvel. - Adicionar um título para seu iframe.
- Habilite a rolagem ativando Automático.
Dica:
A rolagem nem sempre é adequada em dispositivos móveis, pois um usuário talvez não consiga passar o aplicativo. Garanta a usabilidade de um iframe rolável em um dispositivo móvel antes de aplicar suas alterações. - Selecione 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.
- Selecione Salvar.