buen día tengo un problema con el plugin de comentarios de facebook el cual en la pagina https://developers.facebook.com/docs/plugins/comments/ ayuda a generar el código para copiar y pegarlo en nuestra web, no me funciona correctamente ya que al insertarlo no inicia sesión y por lo tanto no deja conectar así como también no detecta que la sesión ya esta iniciada en el navegador, y saca una ventana emergente pero se cierra inmediatamente y se abre de nuevo, asi se queda indefinidamente, no se si alguien sepa cual pueda ser el problema la verdad e intentado muchas cosas pero nada

este es el scrip que me mada facebook

Código Javascript :

  <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                          var js, fjs = d.getElementsByTagName(s)[0];
                          if (d.getElementById(id)) return;
                          js = d.createElement(s); js.id = id;
                          js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.8";
                          fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));</script>

este es el codigo para los comentarios

Código HTML :

<div class="fb-comments" data-href="http://akastudio.com.mx/blog-detail.php?id_post=<?php echo $idb; ?>" data-numposts="5" data-width="100%"></div>


el numero de post se envía por url capturandolo mediante método GET $idb=$_GET['id_post'];

este es el codigo completo de la pagina

Código HTML :

<?php
header("Content-Type: text/html;charset=utf-8");
   $idb=$_GET['id_post'];
session_start();
if(isset($_SESSION['user'])){
 $id= $_SESSION['id']; //id user Grabado
 $user= $_SESSION['user']; //user Grabado
 $_SESSION['estatus']; //estatus
 $foto= $_SESSION['img']; //imagen
    //echo "Si existe";
 }else{
    //echo "No existe";
}
?>
<!Doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="es-MX" class="no-js"> <!--<![endif]-->
<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Blog</title>
    <meta name="description" content="Blog">
   <!--[if lt IE 9]>
       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />    
    
    <!-- **CSS - stylesheets** -->
   <link id="default-css" rel="stylesheet" href="style.css" type="text/css" media="all" />
    <!-- **Additional - stylesheets** -->
    <link href="css/animations.css" rel="stylesheet" type="text/css" media="all" />
   <link id="shortcodes-css" href="css/shortcodes.css" rel="stylesheet" type="text/css" media="all"/>
    <link id="skin-css" href="skins/red/style.css" rel="stylesheet" media="all" />
    <link href="css/isotope.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
    <link href="css/pace.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all"/>
   <script src="js/modernizr.js"></script> <!-- Modernizr -->                 
   <link id="light-dark-css" href="dark/dark.css" rel="stylesheet" media="all" />    
   <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
</head>
<body>
<div id="fb-root"></div>
                        <script>(function(d, s, id) {
                          var js, fjs = d.getElementsByTagName(s)[0];
                          if (d.getElementById(id)) return;
                          js = d.createElement(s); js.id = id;
                          js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.8";
                          fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));</script>
  
<div class="wrapper">
   <div class="inner-wrapper">
       <div id="header-wrapper" class="dt-sticky-menu"> <!-- **header-wrapper Starts** -->
         <div id="header" class="header">
               <div class=" container  menu-container">
                    <ul>
                    <a class="logo" href="index.php"><img alt="Logo" src="images/logo.png"></a>
                    <a class="logo" href="index.php"><h1> &nbsp; &nbsp;Inicio &nbsp; &nbsp; </h1></a>
                    <a class="logo" href="about.php"><h1> &nbsp; &nbsp; Quienes Somos? &nbsp; &nbsp;</h1></a>
                    <a class="logo" href="gallery.php"><h1> &nbsp; &nbsp;Gallery &nbsp; &nbsp;</h1></a>
                    <a class="logo" href="#"><h1> &nbsp; &nbsp;Tienda &nbsp; &nbsp;</h1></a>
                    <a class="logo" href="blog.php"><h1><font color="red"> &nbsp; &nbsp;Blog &nbsp; &nbsp;</font></h1></a>
                    <a class="logo" href="contact.php"><h1> &nbsp; &nbsp;Contacto &nbsp; &nbsp;</h1></a>
                        <a class="logo" href="cursos.php"><h1>&nbsp; &nbsp;Cursos &nbsp; &nbsp;</h1></a>                                    
                    </ul> 
                </div>
            </div>
       
         
        </div><!-- **header-wrapper Ends** -->        
        <div id="main">
           <div class="breadcrumb"><!-- *BreadCrumb Starts here** -->
                <div class="container">
                   <br><br>
                    <h2>Blog <span>AkaStudio</span></h2>
                   
                </div>
           </div><!-- *BreadCrumb Ends here** -->
         <section id="primary" class="content-full-width"> <!-- **Primary Starts Here** -->
                <div class="fullwidth-section"><!-- Full-width section Starts Here -->
                   <div class="container">
                        
                        <article class="blog-post"><!-- **Blog-post Starts Here** -->
                        <?php
                            require 'funciones.php';
                            $objdatabase = new Database();
                            try{
                            $sql = 'SELECT * FROM blog WHERE id='.$idb.'';
                            $result = $objdatabase->query($sql);
                            $rows = $result->fetchAll();
                            foreach ($rows as $row) {
                            ?>
                           <div class="entry-thumb">
                               <img src="<?php echo $row["img"]; ?>">
                            </div>
                             
                            <div class="entry-details"><!-- entry-details Starts Here -->
                               <div class="entry-title">
                                   <h3><?php echo $row["titulo"]; ?></h3>
                                </div>
                                <div class="entry-metadata">
                                     <p class="date"> <i></i> <?php echo $row["fch"]; ?> </p>
                                     <p class="author"> <i></i> By :  <a title="ram"> <?php echo $row["autor"]; ?> </a> </p>

                                </div>
                                <div class="entry-body">
                                   <p><?php echo utf8_decode($row["des"]); ?></p>
                                </div>
                            <?php
                            }
                                }catch(PDOException $e){
                            echo "ERROR: " . $e->getMessage();
                            }
                            ?>  
                            </div><!-- entry-details Ends Here -->
                        </article><!-- **Blog-post Ends Here** -->
                        
                        
                        
                        <div class="commententries">
                            <ul class="commentlist" style="position:absolute;  background-color:white">
                <div class="fb-comments" data-href="http://akastudio.com.mx/blog-detail.php?id_post=<?php echo $idb; ?>" data-numposts="5" data-width="100%"></div>
                           
                            </ul>
                        </div>
                     
               </div>
                </div><!-- Full-width section Ends Here -->              
            </section>
            <footer id="footer" class="animate" data-animation="fadeIn" data-delay="100">
                <div class="container">
               
                </div>
            </footer>
        </div><!-- Main Ends Here-->
   </div>
</div><!-- **Wrapper Ends** -->
<!-- **jQuery** -->  
   <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
   <script src="js/jquery.tabs.min.js"></script>
   <script type="text/javascript" src="js/jquery-migrate.min.js"></script>
   <script src="js/jquery.validate.min.js" type="text/javascript"></script>    
   <script src="js/jsplugins.js" type="text/javascript"></script>
   <script src="js/custom.js"></script>
</body>
</html>