Embedding (incorporar): Integrar conteúdos sociais no seu site

Dezembro 2016


Como integrar conteúdos sociais em seu site? Facebook Twitter, Google Plus, Instagram ou Youtube podem facilmente inserir publicações partilhadas a partir de seu plataforma em páginas web outros ("incorporação " em Inglês). Uma dica simples para dinamizar e enriquecer a discussão de um artigo em seu site. Como proceder?


O que é o embedding?


O embedding consiste em incorporar/integrar nas páginas web de seu site/blog (texto, imagem, vídeo) compartilhados a partir de uma plataforma de publicação .
O conteúdo de origem é assim reproduzido em uma página de destino.
Entre as plataformas abertas à integração de conteúdos sociais estão:
  • Facebook
  • Twitter
  • YouTube e Dailymotion
  • Instagram
  • SlideShare , etc .

Integrar conteúdo social ao seu site: Para o quê?


Incorporar em seu site o conteúdo publicado em redes sociais tem várias vantagens:
  • Promover suas próprias publicações e favorecer as interações em volta delas: retweets, os compartilhamentos do Facebook.
  • Destacar suas contas sociais e favorecer o recrutamento direto de seguidores/assinantes
  • Enriquecer a estrutura narrativa de um artigo publicando anúncios oficiais, dos acontecimentos, compartilhamentos nos sites sociais.
  • Dinamizar um artigo, torná-lo mais legível
  • Origem de um artigo (citação)


Nota: As publicações integradas são interativas, é possível para os usuários de as compartilhar, recomenda-las sem visitar a publicação original.

Como integrar conteúdo social no seu site?


Em qualquer caso, a integração é baseada na inserção de um código a buscar na fonte, isto é, diretamente a partir da publicação, e depois colá-lo no artigo de destino.

Facebook


Somente publicações públicas compartilhadas em uma página de Facebook podem ser incorporadas em um site de terceiros. É necessário inscrever-se na página referente para recuperar seu conteúdo.

Na lista, que se desenrola, disponível a partir de uma publicação, selecionar "incorporar na publicação"



Pegue o código na caixa de diálogo, insira-o no artigo destino.



Note que:
  • Ainda não é possível redimensionar uma publicação Facebook incorporada
  • Um post muito longo aparece cortado, mas que pode ser desenrolado por uma única ação (por exemplo, leia mais)


Uma dica simples para encontrar publicações pertinentes é usar o fluxo de hashtags de Facebook.

Por exemplo, https://www.facebook.com/hashtag/(mot-clé)

Twitter


A ferramenta de integração está disponível na parte inferior de cada Tweet: não é necessário estar conectado em sua conta Twitter para usá-la.

A incorporação é possível a partir de um fluxo de tweets, ou a partir de um permalink de um tweet.

Primeiro passo:


Segundo passo:
  • É possível visualizar o fluxo das conversas relacionadas ao tweet (respostas)
  • A incorporação é compatível com qualquer mídia compartilhada: texto, foto (se for compartilhada em pic.twitter.com)


A função de embedding do Twitter oferece vários parâmetros de exibição dos tweets:
  • Esconder a discussão ligada ao tweet. Para tanto, é preciso adicionar o "data conversa" ao código a ser integrado.


"<blockquote class="twitter-tweet" data-conversation="none">...</blockquote>"
  • Esconder os "Twitter cards" (informação disponível nos tweets estendidos), para não pesar na apresentação de um artigo que integram diversos tweets. Isso requer o uso do atributo "cartões de dados".


"<blockquote class="twitter-tweet" data-cards="hidden">...</blockquote>"
  • Redimensionar um tweet (largura, altura), configurar seu alinhamento ou ainda seu grafismo.

[Veja aqui como proceder

Google Plus


Os posts Google Plus exportados a partir da rede social permite aos usuários conectados ao seu perfil Google Plus:
  • De comentá-los,
  • De recomendá-los (+1)
  • De se inscrever diretamente no autor do post.

Todos os tipos de publicações serão exibidos:
  • Post (texto)
  • Imagem
  • GIF animado,
  • Vídeo
  • link compartilhado .


Para realizar a integração :
  • Posicionar o mouse no ângulo superior direito do post à ser incorporado para fazer aparecer uma flecha para baixo.
  • Desenvolver as opções apropriadas na lista suspensa
  • Selecionar " Incorporar o post"
  • Copiar/colar o código com HTML/JS texto.






É necessário utilizar o link permanente do post a integrar.

Instagram


Como outras redes sociais, o recurso de embedding está disponível para cada publicação (foto/vídeo).

É possível redimensionar (largura/altura) a publicação integrada no seu site.

Youtube


Para inserir um vídeo do Youtube em uma página web, a partir da mídia em questão :
  • Compartilhar, depois integrar
  • Youtube propõe vários tamanhos padrão de integração de vídeo, também é possível personalizar as dimensões manualmente.



Artigo original publicado por CCM
Tradução feita porAna Spadari

Veja também :
Este documento, intitulado « Embedding (incorporar): Integrar conteúdos sociais no seu site »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.