Como Incorporar um Feed do Facebook num Website

Então, quer incorporar um feed do Facebook no seu website, blog, ou outro destino online - mas não tem a certeza do melhor método? Não se preocupe, vamos levá-lo de inseguro a embutido em em nenhum momento.

Mas primeiro, sabia? A partir de Dezembro de 2021, relatórios do Facebook 1,9 mil milhões de utilizadores activos diários e 2,89 mil milhões de utilizadores activos mensais. Para o contextualizar, isso representa quase 37% da população total mundial.

Isso é espantoso. É também uma excelente razão para ligar a sua página do Facebook a outros meios de comunicação, incluindo o seu site. Desde publicar gostos e compartilhar fotos, até gostos e mensagens um-a-um, o Facebook pode servir como uma importante ferramenta de marketing e envolvimento.

Sobre o Facebook e como incorporar um feed do Facebook num site

Captura de tela através de Facebook.com

E assim, agora está a pensar como incorporar a sua alimentação da página do Facebook no seu site, para que possa introduzir os visitantes ao seu lado social e convidar o seu envolvimento, sem nunca os direccionar para fora do seu site.

Temos dois métodos [simples] para o levar daqui até lá. Não são necessários conhecimentos técnicos sérios! (Prometemos não utilizar o acrónimo API, nem sequer uma vez).

Eis o que é abordado neste artigo:

Método 1: Utilizar o Plugin de Página do Facebook

Método 2: Usar o Plugin de Alimentação Social para WordPress, Shopify & More

Como Incorporar Eventos do Facebook no seu Website

Como incorporar uma transmissão ao vivo do Facebook no seu site

Não se limite a incorporar; Partilhe também

Método 1: Utilizar o Plugin de Página do Facebook

Opções de plugin de incorporação da página do Facebook

O Facebook oferece várias personalizações incorporadas para exibir o feed da sua página.

O Facebook oferece o seu próprio Plugin de página que lhe permite incorporar o seu feed do Facebook no seu website com algumas opções de personalização. É bastante simples de implementar:

  1. Visite a página Plugin de Página;
  2. Copie/colar na URL da sua página do Facebook desejada (dica: provavelmente já está lá, se você estiver visualizando de uma conta de perfil vinculada);
  3. Selecione suas preferências, por exemplo, Tabs, Largura e Altura da tela de saída;
  4. Marcar as caixas para qualquer uma das seguintes opções que deseja: 'Use Small Cabeçalho,' 'Esconder Foto da capaAdaptar-se a plugin largura do recipiente,' e 'Mostrar caras de amigos'. (E certifique-se de que as caixas estão desmarcadas para opções que não quer);
  5. Clique Obter Código. Terá a escolha de utilizar JavaScript ou iFrame;
  6. Copie e cole o código em um post de blog, na sua barra lateral ou em qualquer outro lugar do seu site.

E... já está? Bem, não exactamente.

Se você olhar para o Passo 3, vamos falar sobre essas preferências por um momento. O Facebook lhe dá um pouco de diversão com a forma como o seu feed incorporado é exibido: Por exemplo, você pode exibir sua linha do tempo com um código e mostrar os próximos eventos ou ativar as Mensagens do Facebook com outro. Separe esses meninos maus e você pode ter ambos.

Pode esconder a sua fotografia de capa ou exibi-la orgulhosamente. Pode mostrar aos visitantes do seu website se tiverem um amigo que goste da sua página e/ou mostrar o seu CTA personalizado. Pode alterar a linguagem de exibição e até permitir a exibição adaptativa da largura , para apelar a qualquer tipo de visitante do website. Há bastantes opções disponíveis, por isso dê uma vista de olhos antes de clicar em Obter Código.

Quando usar o método 1: Se precisar de uma simples exibição de alimentação de página no seu website, não se preocupe, e esteja satisfeito com as três opções básicas (exibir a sua linha temporal, comentários, e capacidades de mensagens), então vá para esta opção gratuita, apoiada pelo Facebook.

Método 2: Usar Partilha Este Plugin de Alimentação Social para WordPress, Shopify & More

ShareThis Social Feed for embedding an FB feed on a Site

Embora o código nativo do Facebook ofereça algumas opções, ele tem uma funcionalidade limitada. Então, o que é um site social a fazer, se o Plugin da Página do Facebook não se adaptar às suas necessidades?

Entrar no mundo dos plugins de terceiros, que permitem uma maior personalização e são ainda mais simples de utilizar. Com o Partilhar Esta Alimentação Socialvocê pode inserir não só o seu Feed de página no Facebook mas também transmissões de múltiplos redes sociais redes directamente no seu blog ou website. E, claro, se quiser apenas incluir o seu Mensagens do Facebook na sua alimentação, isso também é possível. 

É simples de montar: 

  1. Ligar seu Conta no Facebook
  2. Personalizar o desenho da sua ração para combinar com a sua marca; 
  3. Insira o seu código único Partilhe Este código no seu website cabeçalho secção; 
  4. Copiar o código de colocação e cole-o onde quiser que o alimento apareça no seu site. 

É assim tão simples! Além disso, o ShareThis Social Feed é de utilização livre (embora existam planos pagos disponíveis se quiser exibir um maior número de posts no seu feed ou se quiser incluir posts de múltiplos redes sociais redes). Existem muitas redes de personalização opções, tais como o corte automático de imagens, layouts flexíveis (escolha entre grelha quadrada, colagem ou slider layouts), e até efeitos de pairar para exibir legendas de imagens e gostar quando o visitantes do website pairar sobre um poste na sua alimentação. 

<strong style="font-size: inherit;"><span style="font-weight: 400;">The ShareThis Social Feed integrates seamlessly with any website platform, so whether you’re using Shopify, </span><span style="font-weight: 400;">WordPress</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Squarespace</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Wix</span><span style="font-weight: 400;">, Blogger, or another platform, you can have your social feed up and running in minutes.</span></strong>

<strong style="font-size: inherit;">When to use method 2</strong>: Se você <strong style="font-size: inherit;">need more customization than the Facebook plugin (method 1) allows</strong>então vai ter de obter um pouco de técnica. Ponha um pouco de trabalho (e talvez algum dinheiro), e será capaz de criar belos feeds integrados no Facebook para mostrar em qualquer lugar e em qualquer lugar.

Como Incorporar Eventos do Facebook no seu Website

Quer incorporar o seu feed de eventos do Facebook no seu website? Pode utilizar o Plugin da página do Facebook para o fazer em alguns passos simples: 

  1. Visite o Plugin de Página e, se ainda não estiver lá, copie e cole o URL da sua página do Facebook na caixa. 
  2. Na secção 'Tabs' do formulário, a 'linha do tempo' pode já estar pré-populada lá. Se estiver, retire-a e escreva 'eventos' no campo do formulário. Se o campo do formulário estiver vazio, pode simplesmente digite 'eventos' no campo
  3. Então, clique em 'Obter código' e cole o código gerado no seu website (utilizando a sua escolha de JavaScript ou iFrame) num post de blogue, na barra lateral do seu website, ou onde quer que queira que apareça o seu feed de eventos do Facebook.  

Como incorporar uma transmissão ao vivo do Facebook no seu site

Quer ter mais espectadores para o seu Facebook Live Streams? Óptimas notícias: também pode incorporar um Live Streams do Facebook no seu sítio web. Para incorporar o seu vídeo Facebook Live Streams no seu sítio web, siga estes passos: 

  1. Visite o Plugin de Página no Facebook - Vídeo Embutido & Leitor de Vídeo ao Vivo
  2. Copiar o URL do vídeo ao vivo do Facebook que deseja incorporar no seu site. Pode fazê-lo clicando no ícone de três pontos no canto superior direito do post de vídeo do Facebook Live, e depois clique em 'Copy link'. Pode também clicar em 'Partilhar' na área inferior direita sob o post Live Stream e clicar em 'Copy link' a partir daí. 
  3. Colar o link para o seu vídeo do Facebook ao vivo no Facebook's Configurador de código.
  4. Se quiser que o post completo apareça juntamente com o seu vídeo Live Stream, marcar a caixa que diz "Incluir correio completo". por baixo do URL do seu vídeo no Configurador de Código. 
  5. Clique em 'Obter Código'. para gerar o código incorporado para o seu vídeo. 
  6. Copiar e colar o código gerado no HTML do seu sítio web onde quer que o vídeo em directo do Facebook em directo apareça.  

Se quiser alterar a largura do seu Live Stream do Facebook incorporado, pode usar o atributo largura de dados para ajustar o tamanho à sua largura preferida. 

Se tiver outros vídeos do Facebook que queira incorporar no seu website, pode usar este mesmo método - funciona para qualquer vídeo do Facebook, não apenas para o Facebook Live Streams. 

Não Embutir; Partilhar também

Botões de compartilhamento

Além de incorporação seu Feed do Facebook no seu sítio web, deve também inserir partilharsigabotões de reacção - compromisso de nível inferior que convida à interacção e empenho.

O objectivo aqui é convidar acções sociais e/ou atrair pessoas para o seu Página no Facebookonde estão mais provável de se envolver - percorrer os postes, como o que lhes apela, etc. - e depois, em última análise, para como a sua Página e ver os seus seguidores no Facebook aumentar para que mais pessoas vejam as suas actualizações de agora até à eternidade.

Pode saber mais sobre como maximizar a sua presença no Facebook com a nossa série de guias sobre o assunto, incluindo o nosso post em como localizar um anúncio numa página do Facebook.

Se isto parece ser o seu tipo de estratégia, então dê uma olhadela no nosso Facebook Botão Share (Partilhar)Botão Seguir no FacebookBotões de Reação do Facebook (Como, Amor, Uau, etc.) - mais outros Ferramentas para editores Concebido não só para a satisfação do utilizador, mas também para o conseguir o maior número de Page likes, post shares, e outros compromissos que importa.

Quando se procura uma forma simples de inserir a Feed do Facebook no seu website, não fica muito mais simples do que o Partilhar Esta Alimentação Social. É construído para ficar espantoso em qualquer ecrã, e com toneladas de personalização pode desenhá-lo de forma a corresponder perfeitamente à sua marca. Integra-se perfeitamente com qualquer plataforma de website para que possa ter o seu feed a funcionar em minutos e começar hoje a aumentar a sua audiência. 

Sobre ShareThis

ShareThis has unlocked the power of global digital behavior by synthesizing social share, interest, and intent data since 2007. Impulsionado pelo comportamento do consumidor em mais de três milhões de domínios globais, ShareThis observa acções em tempo real de pessoas reais em destinos digitais reais.

Subscreva a nossa Newsletter

Receba as últimas notícias, dicas e actualizações

Assine

Conteúdo relacionado