Share article on Facebook - Popup / blank window

Navigation
4

Last week, when I tried to share any content from my blog to Facebook, I got a popup or blank page inside the Facebook domain.

Examples:

Previously these same links could be shared without problem, they had a title, description and an image. Now even if I paste the link manually on Facebook none of this appears.

What have I tried?

  • Generate metadata OGP for blog and articles (although you know it used to work without it): 

    <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'/>
  • Host my images elsewhere.
  • Change AddThis by other mechanisms, including the Facebook's official share button. They all exhibit the same behavior.

    • The OGP debugger returns me a message Failed to get composer template data. But it does not tell me what failed.

    Does anyone know how I can make the share work again? When you click on a link it should display the sharing window as in this case: Share this question on Facebook .

    References:

  • Why is Facebook Share Button Displaying Blank Popup Window? - In this case the problem was with the image server.
  • Facebook share button for blank website - It did not work on URL without extension (in my if it does not work for URLs without extension and URLs with .html extension)
  • Share Facebook Popup Window Blank / Empty - It talks about the scraper of Facebook and points to the debugger , but does not tell me how to get around the problem.
    • asked by anonymous 08.12.2014 / 21:59

    1 answer

    3

    Problem solved (what a pity that the reward went to limbo).

    It all happened because of favicon hosted on < a href="https://onedrive.live.com/"> Microsoft One Drive . The URL was blocked without warning. I even remembered to check the images but I forgot about the favicon.

    Context

    As per the question references, many people are getting this error. In my case it was not a matter of setting up metadata, JavaScript SDK or anything like that.

    Facebook is encountering errors while parsing content from shared URLs. There is no indication of the error, much less the reason for it. What we do know is that sharer.php returns an empty page with code 500.

    I did some tests cloning the markup from my blog to another address. I got the same result from the original address (error 500 / blank popup).

    At the user's suggestion @Guilherme Nascimento tried to create a page with markup minimum at that address. Sharing worked without problems.

    Unfortunately when I tried to copy this same markup to an existing URL, sharer did not work. At that moment two things became apparent:

  • Something in the markup of my page was breaking sharer . Probably the crawler of Facebook was getting lost or getting an internal exception ( timeout or something like that).
  • Facebook maintains a cache of URL information. While this cache is not invalidated it is not possible to share the page.

    • Actions Taken

  • I spent a few days trying to isolate the markup snippets from my page that would be responsible for the problem. I could not isolate them (but I kept a mock with the previous layout of the page if someone is interested in the challenge).
  • I finally decided to "appeal". I dropped all my layout and started from scratch, in the process I got rid of heavier images and everything that was no longer needed (including Facebook metadata, background image, various scripts, etc). I noticed that new posts could be shared; but the old posts unfortunately still did not work.
  • I finally opened the Debugger for the Scraper of Facebook. For each URL that did not work I clicked the Fetch New Scrape Information button. The new information was then duly found and sharer returned to work.

    • To fix issues like this, the best tool I found was the Facebook Debugger . With it you can extract new information with the Scraper owner of them until the errors are resolved.

    Error page example

    Exampleofpagewithouterror

    • URL: link
    • Debugger : link
    • Result :
    06.01.2015 / 17:51
    Update fields dynamically "stdin is not a terminal" when I run Envoy - Laravel 4.2