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


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/login.php?next=https%3A%2F%2Fwww.facebook.com%2Fhashtag%2F%28mot-cl%26eacute%3B

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

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Veja também
Este documento, intitulado 'Embedding (incorporar): Integrar conteúdos sociais no seu site', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade