Você sabia que os vídeos do Facebook geram mais de 8 bilhões de visualizações de página todos os dias? E esses 8 bilhões são o dobro desse número um ano atrás? Mas como você adiciona um vídeo do Facebook ao WordPress?

Embora o crédito por este enorme sucesso possa ser atribuído à reprodução automática de vídeo e a uma metodologia de contagem de visualizações favorável, o fato é que o vídeo do Facebook é um jogador importante no consumo de vídeo hoje.

Este tutorial permitirá que você use vídeos do Facebook integrando-os aos seus artigos e páginas do WordPress. Vou mostrar como você pode incorporar vídeos do Facebook facilmente por meio do editor do WordPress. Além disso, vou lhe dar informações sobre como você pode alterar alguns detalhes de exibição de vídeos para habilitar a reprodução automática, por exemplo.

E, finalmente, se você não quiser sujar as mãos com o primeiro método, também mostrarei o método mais fácil de incorporar vídeos por meio de um iframe.

Mas antes, vamos descobrir juntos Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog.

Então, voltando ao motivo de estarmos aqui.

Os benefícios da integração de vídeo do Facebook

Embora provavelmente o YouTube continue sendo o rei dos vídeos no futuro, vejo alguns benefícios na integração de vídeos do Facebook. Por exemplo, você pode ...

  • Desfrute de transmissão ao vivo - você deve ter visto o novo recurso popular de transmissão ao vivo que o Facebook lançou recentemente. Ao incorporar vídeos com esse método, você também poderá incorporar a transmissão ao vivo do Facebook em seu site WordPress.
  • Promoção cruzada de sua página no Facebook - A integração de vídeo do Facebook fornece outro método para promover sua página do Facebook em seu site. Mesmo se você já tiver incluído " Gostos Ou compartilha, a incorporação de vídeos diretamente do Facebook fornece outra conexão. Claro, se você está tentando promover um canal no YouTube, precisará escolher onde estão suas prioridades.
  • Organize o conteúdo de vídeo de outras páginas do Facebook - se você vir um vídeo no Facebook que deseja incluir em uma postagem ou página, a incorporação é praticamente a única opção, a menos que você queira ir diretamente para a página do Facebook.

Como integrar o "Vídeo do Facebook" com o SDK do JavaScript

Este processo de configuração de um "vídeo do Facebook" é bastante simples. Mas, não requer a adição de um pequeno trecho de código ao seu tema ou a um plugin que você projetou. Este snippet de código é necessário porque permite que você faça coisas interessantes, como adicionar reprodução automática aos seus vídeos incorporados.

Estes são Os 10 melhores plugins do WordPress para gerenciar publicidade

Portanto, para começar, você precisa adicionar o SDK do Facebook JavaScript ao cabeçalho do seu tema. É basicamente um nome chique para este trecho de código:

(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

Para quem usa Temas do WordPress sem a opção de injeção de conteúdo, você precisará acessar o arquivo header.php do seu tema e adicionar logo após a tag o seguinte código:

complemento de um código-of-the-header-dun-theme

Idealmente, você deve usar um tema filho e adicione esse snippet ao seu tema filho header.php, em vez do pai. 

Como integrar vídeos do Facebook no WordPress? Descubra também clicando neste link

Depois de adicionar esse código uma vez, você estará pronto. Você pode inserir vídeos em qualquer lugar que quiser usando o código de incorporação padrão.

Como integrar vídeos do Facebook

Para gerar esse segundo bit de código, você precisará encontrar o URL real do vídeo que deseja compartilhar e, em seguida, adicionar este url a este snippet:

Você também pode alterar a largura do vídeo em pixels, alterando a opção "largura de dados" para um número diferente.

Leia também nosso tutorial sobre Como otimizar um banco de dados clicando no WordPress

Existem várias maneiras de obter este URL. Se você estiver procurando por um artigo de vídeo em seu feed de página, basta clicar com o botão direito do mouse no carimbo de data / hora e copiar o url:

integração-to-video-facebook

Se você estiver procurando pelo link no modo de tela inteira, poderá encontrar o URL da mesma maneira:

recuperar-the-link-duna-video-in-full-screen

Para lhe dar um exemplo da vida real, veja como ficaria o código de incorporação após adicionar o URL. Vamos definir a largura do vídeo para 550 px:

Basta colar este código na guia de texto do editor do WordPress para incorporar o vídeo. Você também pode adicionar este código à sua barra lateral ou em outro lugar que ofereça suporte a este código:

complemento de um código-of-the editor-visual de wordpress

Depois de publicar o artigo, você verá o vídeo incorporado:

visão geral de duna-vídeo integrado-de-facebook-on-wordpress

Como ativar Autoplay

Uma das grandes vantagens de integrar vídeos do Facebook desta forma é a capacidade de ativar a reprodução automática "Autoplay" (em surdina), Bem como no Facebook.

Veja também nosso artigo sobre compartilhamento social 15 Os melhores plugins WordPress

Se você deseja adicionar reprodução automática em vídeos do Facebook, você só precisa adicionar um atributo ao seu código de incorporação.

Aqui está o atributo que você precisa adicionar:

data-autoplay = "true"

No código incorporado completo, ficará assim:

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

Depois de fazer essa alteração, seus vídeos devem ser reproduzidos automaticamente na página ou postagem em questão.

Como integrar vídeos do Facebook aos iFrames

Se você não quer quebrar a cabeça, o Facebook também adicionou a integração “iframe”. Esta função é praticamente a mesma do YouTube. Só você deve estar ciente de que não poderá ativar a reprodução automática no Facebook.

Descubra nossos 10 plugins WordPress para melhorar a promoção de seus produtos

Portanto, embora seja mais fácil adicionar vídeos dessa forma, esse método não oferece tantos recursos quanto o anterior.

Para encontrar o código de incorporação, você deve primeiro clicar na pequena seta no canto superior direito de uma postagem de vídeo:

adicionar um vídeo do Facebook ao WordPress

Depois selecione a opção " integração "Ou" embutir "(Meu facebook é em Inglês).

Uma nova janela será aberta para permitir que você copie o código do player que oferecerá o vídeo.

code-facebook integrada

Basta copiar este código e colá-lo na guia de texto do editor do WordPress:

uma pasta-code-integrável-on-facebook

Ao publicar o vídeo, você deve vê-lo exatamente da mesma maneira que no exemplo anterior.

Descubra também alguns plugins premium adicionais do WordPress 

Você pode usar outros plugins para exibir contagens regressivas no seu blog WordPress. A seguir, proponho alguns deles.

1. Compartilhar, imprimir e produtos PDF para o WooCommerce

Ce WordPress Plugin não só irá ajudá-lo a oferecer a seus visitantes a possibilidade de visualizar qualquer PDF disponibilizado para eles diretamente em seu site, mas também irá ajudá-los a compartilhá-lo facilmente.

Catálogo de produtos em PDF para woocommerce

Ele fornece muitos recursos, como impressão, download, zoom, compartilhamento e muito mais. Isto é um WordPress Plugin cujo layout é totalmente responsivo, para permitir que qualquer usuário acesse em seu dispositivo móvel sem muitas restrições.

Leia também Plugins do WordPress 8 para exibir os ícones de compartilhamento em seu blog

Também oferece muitas opções de personalização para adaptá-lo ao seu tema WordPress. Isso lhe dará a oportunidade de mudar cor, para usar a qualidade de imagem Retina, etc.

Descarregar | Demo | hospedagem na web

2. Octaboo

Octalivro é um WordPress Plugin ferramenta premium e instantânea de reserva de compromissos muito fácil de usar para quase todos os tipos de serviços e provedores de serviços que desejam oferecer reserva online de um site.

Octalivro

Oferece diversos recursos, entre eles: suporte para múltiplas localizações, configuração de serviços, preços dinâmicos, notificações, etc., suporte para campos personalizáveis ​​para formulários, personalização de aparência, suporte para o Google Agenda, um painel intuitivo, exportação de dados para o formato csv e muito mais.

Descarregar | Demo | hospedagem na web

3. Plug-in do YouTube

Prepare seu site da melhor maneira possível para streaming de vídeos do YouTube. Yottie - seu pequeno nome - é um poderoso plugin WordPress dedicado ao gerenciamento e integração de vídeos do YouTube em seu site ou blog. 

Plugin do Youtube - galeria wordpress youtube

Ele permite que você selecione os canais desejados e até vídeos exclusivos para criar sua própria lista de reprodução diretamente no seu blog. Possui mais de parâmetros ajustáveis ​​100, paletas de cores 4 e suporta quase idiomas 16. Em resumo, você terá muitas coisas para personalizar.

Discover Como registrar e otimizar imagens do seu blog WordPress

Esta galeria de vídeos do WordPress dedicada ao YouTube é totalmente responsiva, para que você possa cobrir uma ampla audiência com qualquer tipo de dispositivo de navegação.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui está ! É isso para este tutorial. Espero que esta visão geral ajude você a entender como incorporar vídeo do Facebook no WordPress. Se você tiver alguma dúvida, não hesite em perguntar.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

sinta-se livre para compartilhe este artigo com seus amigos em suas redes sociais favoritas. Mas, enquanto isso, conte-nos sobre seu Comentários e sugestões na seção dedicada.

...