4

Da última semana para cá, ao tentar compartilhar qualquer conteúdo do meu blog para o Facebook, recebo uma popup ou página em branco dentro do domínio do Facebook.

Exemplos:

Antigamente esses mesmos links podiam ser compartilhados sem problema, exibiam título, descrição e uma imagem. Agora mesmo que eu cole o link manualmente no Facebook nada disso aparece.

O que já tentei?

  1. Gerar metadata OGP para o blog e artigos (apesar de saber que antes funcionava sem isso):

    <meta content='http://a.accioly.7rtc.com/2014/09/o-que-e-data-science-e-por-onde-comecar.html' property='og:url'/>
    <meta content='O que é Data Science? Por onde começar?' property='og:title'/>
    <meta content='http://1.bp.blogspot.com/-VzI5h7nikLM/VCRssVQmQwI/AAAAAAAAJE0/QKf16G5iR9o/s1600/Data_Science_VD.png' property='og:image'/>
    <meta content='article' property='og:type'/>
    <meta content='Anthony Accioly' property='og:site_name'/>
    
  2. Hospedar minhas imagens em outro lugar.
  3. Trocar o AddThis por outros mecanismos, incluindo o botão de compartilhamento oficial do Facebook. Todos eles apresentam o mesmo comportamento.

O debugger do OGP me retorna um a mensagem Failed to get composer template data. Porém não me diz o que falhou.

Alguém sabe como faço o compartilhamento voltar a funcionar? Ao clicar em um link ele deveria exibir a janela de compartilhamento como nesse caso: Compartilhar essa pergunta no Facebook.

Referências:

  1. Why is the Facebook Share Button Displaying Blank Popup Window? - Nesse caso o problema era com o servidor de imagens.
  2. Facebook share button gives blank popup for website homepage - Não funcionava na URL sem extensão (no meu caso não funciona nem em URLs sem extensão nem URLs com extensão .html)
  3. Share Facebook Popup Window Blank/Empty - Fala do scraper do Facebook e aponta para o debugger, mas não me diz como contornar o problema.
2
  • A discussão nos comentários estava se estendendo demais e foi movida para o chat.
    – bfavaretto
    Commented 1/01/2015 às 15:18
  • @bfavaretto, escrevi uma resposta tentando resumir os passos nos comentários e minha "solução" (só para ter fechamento). Veja com o utluiz se o conteúdo é pertinente para o Stack Overflow (achei que não agradou / encorajou muito a galera a participar). Se não for material adequado para o Stack Overflow não tem problema, vai virar artigo do blog que consegui resgatar das trevas hehehe. Commented 6/01/2015 às 16:58

1 Resposta 1

3

Problema resolvido (que pena que a recompensa foi para o limbo).

Tudo aconteceu devido a esse favicon hospedado no Microsoft One Drive. A URL foi bloqueada sem aviso. Cheguei a lembrar de verificar as imagens mas me esqueci do favicon.

Contexto

Conforme as referências da pergunta, muitas pessoas estão obtendo esse erro. No meu caso não era questão de configuração de metadata, JavaScript SDK ou nada do gênero.

O Facebook está encontrando algum erro ao fazer o parse do conteúdo das URLs compartilhadas. Não há nenhum indicativo de qual seria o erro, muito menos o motivo dele ocorrer. O que sabemos é que o sharer.php retorna uma página vazia com código 500.

Fiz alguns testes clonando o markup do meu blog para outro endereço. Obtive o mesmo resultado do endereço original (erro 500 / pop-up em branco).

Por sugestão do usuário @Guilherme Nascimento tentei então criar uma página com markup mínimo nesse endereço. O compartilhamento funcionou sem problemas.

Infelizmente quando tentei copiar esse mesmo markup mínimo para uma URL já existente o sharer não funcionou. Nesse momento duas coisas ficaram aparentes:

  1. Alguma coisa no markup da minha página estava quebrando o sharer. Provavelmente o crawler do Facebook estava se perdendo ou recebendo uma exceção interna (timeout ou algo do gênero).
  2. O Facebook mantém um cache das informações da URL. Enquanto esse cache não for invalidado não é possível compartilhar a página.

Ações Tomadas

  1. Passei alguns dias tentando isolar os trechos de markup da minha página que seriam responsáveis pelo problema. Não consegui isolá-los (porém mantive um mock com o layout anterior da página caso alguém se interesse pelo desafio).
  2. Finalmente resolvi "apelar". Descartei todo o meu layout e comecei do zero, no processo me livrei de imagens mais pesadas e tudo que não era mais necessário (incluindo metadados do Facebook, imagem do background, vários scripts, etc). Percebi que novos posts conseguiam ser compartilhados; porém os posts antigos infelizmente continuavam não funcionando.
  3. Finalmente abri o Debugger do Scraper do Facebook. Para cada URL que não funcionava cliquei no botão Fetch New Scrape Information. As novas informações foram então devidamente encontradas e o sharer voltou a funcionar.

Para arrumar problemas como esse, a melhor ferramenta que encontrei foi o Debugger do Facebook. Com ele você pode extrair novas informações com o Scraper proprietário deles até que os erros sejam resolvidos.

Exemplo de página com erro

Exemplo de página sem erro

4
  • 1
    Confesso que cheguei a pesquisar sobre esse problema e fiz alguns teste no seu blog, mas não deu em nada. Com essa solução só consigo pensar que é um problema de cache interno do próprio Facebook. Seria interessante submeter um bug report para eles ficarem a par disso, não?
    – utluiz
    Commented 6/01/2015 às 17:03
  • 1
    Criei um bug report. Vamos ver se chama a atenção... Não tenho grandes expectativas, mas vai que eles me surpreendem. Commented 6/01/2015 às 18:01
  • No final o bandido era o favicon hospedado nos servidores da Microsoft One Drive... Eu cheguei a verificar e mudar algumas imagens, mas não pensei no favicon. :( Commented 6/01/2015 às 20:12
  • 1
    Faz tempo que não via esta questão, nossa um favicon, isto realmente pode ser uma boa dica. Fico feliz que encontrou o problema. Seria interessante se sharer.php apresenta-se uma mensagem de erro mínimo junto a resposta 500. Mas com certeza o debugger foi uma grande e útil ferramenta, obrigado por compartilhar. +1
    – Syzoth
    Commented 13/02/2015 às 21:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .