Início » Desenvolvimento WordPress » Use o oEmbed para incrementar seu conteúdo WordPress
Desenvolvimento WordPress

Use o oEmbed para incrementar seu conteúdo WordPress

O recurso de oEmbed veio para facilitar a incorporação de conteúdo em posts e páginas. Conheça os serviços suportados e como ele funciona.
julho de 2015 /5 min de leitura
Conteúdo escrito por humano
oEmbed

Quando falamos em conteúdo, tudo o que podemos fazer para deixá-lo interessante é bem-vindo. Aliar conteúdo textual e mídias é uma excelente estratégia para chamar a atenção do leitor. Vídeos, apresentações de slides, fotos, áudios incrementam e valorizam qualquer conteúdo, seja ele em um simples blog pessoal ou em um site de uma grande corporação.

Para que isso aconteça, um processo bem simples precisa ser feito, o qual chamamos de incorporação ou simplesmente embed. É através desse método que podemos assistir vídeos do YouTube apertando o botão de play, sem sair da página em que estamos; acompanhar slide por slide de uma apresentação no SlideShare no post de um palestrante, entre outras tantas coisas tão triviais no nosso cotidiano ao ler conteúdo digital por aí.

Como é o processo habitual de embed?

Código de embed de vídeo do YouTube

O processo é bem simples e pode ser feito por qualquer pessoa, seja ela especialista ou não em códigos. Se eu quisesse fazer o embed de um vídeo do YouTube, por exemplo, eu faria o processo de cópia do código de incorporação e colaria no local adequado. No caso do WordPress, colaria esse código no editor Texto.

iFrame de vídeo do YouTube inserido no editor do WordPress

Esse código será interpretado e voilá! Temos nosso vídeo sendo exibido em nosso conteúdo. Simples, fácil, prático e intuito, mas como tudo tem um porém nessa vida, temos um pequeno agravante: por ser um CMS que se preocupa com segurança, o WordPress por “costume” acaba removendo esses scripts, iframes do conteúdo dos posts achando que foram inseridos por pessoas maliciosas. Com isso, seu conteúdo incorporado vai por água abaixo toda vez que uma edição é feita.

Chato, não é mesmo? Ganhamos em segurança, mas perdemos na parte de conteúdo? Não mesmo! Por conta disso, o WordPress facilitou a vida de todos os gestores de conteúdo ao permitir que o embed seja feito de forma mais simplificada ainda e sem perdas de conteúdo a cada edição.

Fazendo embed de conteúdo no WordPress

URL de vídeo do YouTube

A partir da versão 2.9, o WordPress inovou ao fazer com que o processo de embed fosse feito apenas colando no editor (visual ou texto) a URL do conteúdo. Se fosse um vídeo, é só copiar e colar a URL do vídeo no editor e salvar o post que o vídeo estaria incorporado. Se fosse uma imagem, o procedimento e o resultado são os mesmos.

Link de vídeo do YouTube para oembed no WordPress

Agora posso fazer oEmbed de todo tipo de conteúdo com facilidade

Se você pensou assim após ler o artigo, irei decepcioná-lo um pouco, mas não é bem assim. O WordPress tem suporte apenas a alguns serviços. O que nos deixa confortados é saber que os principais serviços de áudio, vídeo e imagens estão nesta lista e que a cada nova versão do CMS, ela é incrementada.

Só para terem uma dimensão, segue lista dos principais serviços com suporte ao oembed:

  • YouTube
  • Vimeo
  • SlideShare
  • Twitter
  • Instagram
  • Rdio
  • SoundCloud
  • Flickr
  • Spotify
  • Vine, entre outros

O Codex do WP contém toda a lista de serviços suportados em seu conteúdo específico sobre Embed. Aqueles que ainda não são suportados, nos resta apenas continuar seguindo o procedimento padrão, recorrer a plugins ou torcer para que entrem nessa lista nas próximas versões do WordPress. 🙂

Estou fazendo tudo certo, mas não funciona #comofaz?

Se você está seguindo tudo o que foi recomendado e não está tendo o resultado esperado, vale a pena analisar alguns pontos:

  1. Verifique a versão do seu WordPress. Alguns desses serviços estão disponíveis apenas a partir de uma versão específica do CMS. No Codex, temos logo à frente de cada serviço a versão em que o suporte ao oEmbed foi concedido.
  2. Veja se há algum plugin ou se o tema que está sendo usado estão gerando algum conflito. Para saber, desative-os e faça novos testes.
  3. Abra o editor texto e veja se não há algum código HTML juntamente com a URL. Geralmente, algumas tags de formatação podem ficar “escondidas” e comprometer o funcionamento do oEmbed.
  4. Sua URL contém algum parâmetro (ex: https://www.youtube.com/watch?v=wxGswXokkqM&list=RDwxGswXokkqM#t=0)? URLs de vídeos, por exemplo, podem conter parâmetros de canais, listas de reprodução, entre outros que fazem com que o seu conteúdo não seja incorporado.
  5. Algumas URLs encurtadas podem não funcionar. Opte por sempre usar as URLs completas das mídias.

Se quiser saber um pouco mais sobre o oEmbed, abaixo seguem links de alguns artigos em sites de referência sobre o assunto:

https://codex.wordpress.org/Embeds

http://www.escolawp.com/2013/09/como-incorporar-arquivos-de-audio-e-video-no-wordpress/

http://mashable.com/2011/06/05/embedly-how-to/

https://animoto.com/blog/business/easy-wordpress-embedding/

https://premium.wpmudev.org/project/oembed/?cb=d&utm_expid=3606929-42.r9JlJFl9S_KH_TBJodrCtA.3&utm_referrer=https%3A%2F%2Fwww.google.com.br%2F

http://churchthemes.com/2013/08/20/how-to-embed-audio-and-video-players-in-wordpress/

Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados

  1. Rodrigo Vieira Eufrasio da Silva
    Primeiramente gostaria de parabenizar a Apiki pelo o conteúdo publicado acima. Mais eu fiquei com uma pequena dúvida como eu faço no caso para embed com o Google Maps? Uma alternativa que ainda seja seguro. Abraços
    1. Mayara Alanna
      Oi, Rodrigo. Por padrão, ainda não há uma alternativa nativa para o embed de mapas do Google Maps. Dê uma olhada na lista de plugins do repositório gratuito do WP
  2. Fala pessoal blz, preciso de ajuda. Gostaria de cria uma página igual para todos da minha equipe e mudar apenas uma parte do conteúdo para colocar as informações desse colaborador, e ca um terá sua própria página. site.com/joao site.com/maria e para evitar evitar a duplicação de conteúdo gostaria de encontrar uma forma de ser a mesma página, apenas que alterasse uma pequena parte com de acordo com o link usado. Alguém sabe como eu posso fazer isso sem programação, talvez um plugin ou algo manual? Obrigado.

Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login