CODEWITHSUNDEEP
javascripthtmlfacebook
Cristian Boariu
Cristian Boariu

Reputation: 9621

Why facebook "Send" button renders empty blank window?

I added code from facebook api and Like button works nice but when pressing "Send" button it renders an empty blank white window

enter image description here

I simply cannot get it working... The code is exactly what Facebook provids, then is a css issue from me? I simply don't think so because the <body> of the html from this blank iframe is empty (added below the html content of generated iframe):

    <html lang="ro" id="facebook" class=""><head><meta charset="utf-8"><script>function envFlush(a){function b(c){for(var d in a)c[d]=a[d];}if(window.requireLazy){requireLazy(['Env'],b);}else{Env=window.Env||{};b(Env);}}
    envFlush({"user":"100001239412598","locale":"ro_RO","method":"GET","svn_rev":570203,"tier":"","vip":"69.171.247.37","static_base":"http:\/\/static.ak.fbcdn.net\/","www_base":"http:\/\/www.facebook.com\/","rep_lag":2,"fb_dtsg":"AQBOKqPl","ajaxpipe_token":"AXhXQi8-oWUGGfAu","lhsh":"KAQFH3p9n","tracking_domain":"http:\/\/pixel.facebook.com","retry_ajax_on_network_error":"1","fbid_emoticons":"1"});</script><script>envFlush({"eagleEyeConfig":{"seed":"1kC9","sessionStorage":true}});CavalryLogger=false;window._script_path = "\/plugins\/send_button_form_shell.php";</script><noscript> &lt;meta http-equiv="refresh" content="0; URL=/plugins/send_button_form_shell.php?anchorTargetX=88&amp;amp;anchorTargetY=9.5&amp;amp;api_key=315447585207093&amp;amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df22a63973%26origin%3Dhttp%253A%252F%252Flocalhost%253A2263%252Ffec0b9f18%26domain%3Dlocalhost%26relation%3Dparent.parent&amp;amp;controllerID=u7jiqd_4&amp;amp;error&amp;amp;extended_social_context=false&amp;amp;locale=en_GB&amp;amp;nodeURL=http%3A%2F%2Fconvertmypdftoword.com%2F&amp;amp;offsetX=77&amp;amp;offsetY=20&amp;amp;sdk=joey&amp;amp;_fb_noscript=1" /&gt; </noscript>
    <meta name="robots" content="noodp, noydir"><meta name="description" content=" Facebook este o reţea socială care conectează oamenii cu prietenii lor şi cu alte persoane care lucrează, studiază şi trăiesc în preajma lor. Oamenii folosesc Facebook pentru a ţine legătura cu prietenii, pentru a încărca un număr nelimitat de fotografii, pentru a posta link-uri şi videoclipuri şi pentru a afla mai multe despre oamenii pe care îi întâlnesc."><link rel="alternate" media="handheld" href="http://www.facebook.com/plugins/send_button_form_shell.php?anchorTargetX=88&amp;anchorTargetY=9.5&amp;api_key=315447585207093&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df22a63973%26origin%3Dhttp%253A%252F%252Flocalhost%253A2263%252Ffec0b9f18%26domain%3Dlocalhost%26relation%3Dparent.parent&amp;controllerID=u7jiqd_4&amp;error&amp;extended_social_context=false&amp;locale=en_GB&amp;nodeURL=http%3A%2F%2Fconvertmypdftoword.com%2F&amp;offsetX=77&amp;offsetY=20&amp;sdk=joey">
        <link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/v2/yQ/r/6hVMLER2b2X.css">
        <link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/v2/yy/r/jgXc1egys1V.css">

        <script src="http://static.ak.fbcdn.net/rsrc.php/v2/y5/r/_xZSy89IRtb.js"></script>
      <script>window.Bootloader && Bootloader.done(["Mw+jI"]);</script></head>
<body></body>
</html>

Has anybody else met this issue?

Upvotes: 1

Views: 1522

Answers (2)

user1296703
user1296703

Reputation: 56

If you still have problems check this tool: https://developers.facebook.com/tools/debug

It checks your site and tells you what's missing, for instance:

Like Button Warnings That Should Be Fixed

Admins And App ID Missing - fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high click-through rate.

Like Button Tag Missing - og:title is missing. The og:title meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.

Like Button Tag Missing - og:type is missing. The og:type meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.

Like Button Tag Missing - og:image is missing. The og:image meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.

Upvotes: 0

Cristian Boariu
Cristian Boariu

Reputation: 9621

It works after I added meta tags for facebook:

<meta property="og:title" content="your_content"/>

<meta property="og:image" content="your_logo"/>

<meta property="og:type" content="website"/>

<meta property="fb:app_id" content="your_app_id"/>

Upvotes: 2

Related Questions