Back-End

11 dez, 2015

oEmbed da maneira correta para incrementar seu conteúdo WordPress

Publicidade

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 e á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?

iFrame gerado pelo YouTube para fazer a incorporação

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 intuitivo; 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 e 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? Será que 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 embed 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: