Uso los comentarios de facebook en mi wordpress, como se que alguien ha comentado?

RGT · #1 (**permalink**) 18/02/2012, 10:48

Hola, uso Facebook comments, lei la documentacion de facebook para saber cuando alguien ha comentado y no entendi nada.

Alguien sabe que hay que hacer?.

Naahuel · #2 (**permalink**) 18/02/2012, 15:40

Uf, yo estuve en esas. Te explico lo que yo hice. Lo hice hace un tiempo luego de frustrarme buscando alguna solución más eficaz y sencilla.

Nota: Para hacer esto necesitás acceso al servidor por FTP y modificar archivos del theme.

Creá un archivo javascript con este contenido. Llamalo como quieras. notificacionesFacebook.js por ejemplo.

Código Javascript:

Ver original/*
    Notificaciones de email para comentarios de facebook.
    Nahuel Jose
    http://www.nahueljose.com.ar
 */
 
function fbCommNotificar(sendPath) {
    FB.Event.subscribe('comment.create', function(response) {
 
        // Nombre de la pagina
        var siteName =  $('title').html();
        
        // Titulo de la pagina
        var pageTitle =  $('title').html();
 
        // Url de la pagina
        var pageURL =  document.location.href;
 
        // obtener los ultimos comentarios de la pagina
        $.ajax({
            url:'https://graph.facebook.com/comments/?ids=' + pageURL + '&' + Math.floor(Math.random()*101),
            dataType: 'json',
            success: function(results){
                allResults = results[pageURL].data;
                lastResult = allResults[allResults.length-1];
                
                // enviar el email
                $.post(sendPath,{ name: lastResult.from.name, message : lastResult.message, page_url : pageURL, page_title : pageTitle});
            }
        });
    });
}

Ahora en header.php, incluye jQuery (si es que no está ya) y ese script.
Luego ubicá esta línea (la tenés que haber incluido a la hora de insertar el plugin de facebook comments:

Código Javascript:

Ver originalFB.init({appId: 'ID-DE-TU-APP', status: true, cookie: true, xfbml: true});

Y debajo colocá:

Código Javascript:

Ver originalfbCommNotificar('<?php bloginfo('template_directory') ?>/comentarios.php');};

Ambas líneas deberían estar dentro de una función algo así:

Código Javascript:

Ver originalwindow.fbAsyncInit = function() {
    FB.init({appId: 'ID-DE-TU-APP', status: true, cookie: true, xfbml: true});
    fbCommNotificar('<?php bloginfo('template_directory') ?>/comentarios.php');
};

fbCommNotificar() es una función en javascript que recibe como parámetro un archivo php (en mi caso comentarios.php) que obtiene los datos que se le está pasando y los manda por mail.

Cuando se crea un comentario, la api de facebook dispara un evento (comment.create). Lo que hacemos es suscribirnos a ese evento y cuando se dispara, enviar un email.

Ojo!: Para obtener el último comentario uso $.ajax() para leer un objeto json. Si alguien responde a un comentario, vas a recibir notificación del comentario padre (otra vez). O sea, te llega un mail, pero el comentario que figura es al que se ha respondido, no la respuesta. Esto es porque no me tomé el trabajo de analizar esos casos.

Ejemplo de archivo PHP para enviar comentarios:

Código PHP:

Ver original<?php
    $recipient  = "[email protected]";
    $from       = "Quien Manda <[email protected]>";
    
    $name       = urldecode($_REQUEST['name']);
    $message    = urldecode($_REQUEST['message']);
    $page_url   = urldecode($_REQUEST['page_url']);
    $page_title = urldecode($_REQUEST['page_title']);
    
    
    $subject    = $name . " hizo un comentario en Tu Sitio";
    
    if($name=='' || $message == ''){
        die('<h1>Forbidden</h1>');
    }
    
    $HTML = '<html><body style="text-align:center; padding:20px;">';
    $HTML.= '<h1>' . $subject . '</h1>';
    $HTML.= '<table align="center" width="500" style="text-align:left; vertical-align:top;">';
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>Nombre</strong></td><td>$name</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>Mensaje</strong></td><td>$message</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>P&aacute;gina</strong></td><td>$page_url</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>T&iacute;tulo</strong></td><td>$page_title</td></tr>";
    $HTML.= "</table>";
    $HTML.= "<hr />";
    $HTML.= "<p><a href='$page_url'#encargar>Revis&aacute; siempre que recibas este mail que no halla m&aacute;s comentarios! Click ac&aacute;.</a></p>";
    $HTML.= "</body></html>";
    
    if(sendHTMLemail($HTML,$from, "$name <$email>", $recipient, $subject)){
        echo 'Exito';
    }
    die;
    
    function sendHTMLemail($HTML,$from,$reply_to,$to,$subject)
    {
        $headers = "From: $from\r\n"; 
        $headers .= "Reply-To:$reply_to\r\n";
        $headers .= "Return-Path:$reply_to\r\n";
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-type:text/html;charset=iso-8859-1" . "\r\n";
       return mail($to,$subject,$HTML,$headers);
    }
?>

Naahuel · #3 (**permalink**) 18/02/2012, 15:54

Respuesta 2 :P

En la práctica, me di cuenta que no todas las notificaciones llegaban. Yo se lo atribuí a el hecho de usar un servidor gratuito y lento, pero tal vez haya errores de otro tipo.

Lo que hice entonces fue lo siguiente:

El archivo comentarios.php (el que manda el email) lo modifiqué de esta forma:

Código PHP:

Ver original<?php
// Incluir WordPress 
define('WP_USE_THEMES', false);
require('/home/public_html/wordpress/wp-load.php');// Incluir wp-load.php
?>
 
<?php
    $recipient  = "[email protected]";
    $from       = "Quien Manda <[email protected]>";
    
    $name       = urldecode($_REQUEST['name']);
    $message    = urldecode($_REQUEST['message']);
    $page_url   = urldecode($_REQUEST['page_url']);
    $page_title = urldecode($_REQUEST['page_title']);
    
    
    $subject    = $name . " hizo un comentario en Tu Sitio";
    
    if($name=='' || $message == ''){
        die('<h1>Forbidden</h1>');
    }
    
    // si llegamos hasta aca, puede ser un comentario genuino. Entonces agregamos el meta key al post para marcar que tiene un comentario.
    $slug_to_get = getLastPathSegment($page_url);
    $args=array(
      'name' => $slug_to_get,
      'post_type' => 'post',
      'post_status' => 'publish'
    );
    $my_posts = get_posts($args);
    if( $my_posts && $slug_to_get!='') {
         update_post_meta($my_posts[0]->ID, 'comentarios_nuevos','true');
    }
    
    $HTML = '<html><body style="text-align:center; padding:20px;">';
    $HTML.= '<h1>' . $subject . '</h1>';
    $HTML.= '<table align="center" width="500" style="text-align:left; vertical-align:top;">';
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>Nombre</strong></td><td>$name</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>Mensaje</strong></td><td>$message</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>P&aacute;gina</strong></td><td>$page_url</td></tr>";
    $HTML.= "<tr><td style='vertical-align:top; color:#000; width:20%;'><strong>T&iacute;tulo</strong></td><td>$page_title</td></tr>";
    $HTML.= "</table>";
    $HTML.= "<hr />";
    $HTML.= "<p><a href='$page_url'#encargar>Revis&aacute; siempre que recibas este mail que no halla m&aacute;s comentarios! Click ac&aacute;.</a></p>";
    $HTML.= "</body></html>";
    
    if(sendHTMLemail($HTML,$from, "$name <$email>", $recipient, $subject)){
        echo 'Exito';
    }
    die;
    
    function sendHTMLemail($HTML,$from,$reply_to,$to,$subject)
    {
        $headers = "From: $from\r\n"; 
        $headers .= "Reply-To:$reply_to\r\n";
        $headers .= "Return-Path:$reply_to\r\n";
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-type:text/html;charset=iso-8859-1" . "\r\n";
       return mail($to,$subject,$HTML,$headers);
    }
    
    function getLastPathSegment($url) {
        $path = parse_url($url, PHP_URL_PATH); // to get the path from a whole URL
        $pathTrimmed = trim($path, '/'); // normalise with no leading or trailing slash
        $pathTokens = explode('/', $pathTrimmed); // get segments delimited by a slash
 
        if (substr($path, -1) !== '/') {
            array_pop($pathTokens);
        }
        return end($pathTokens); // get the last segment
    }
?>

Lo que hice fue incluir Wordpress arriba. Luego, antes de enviar el email, lo que hago es agregar un meta key al post que recibió el comentario. De esta forma, puedo después obtener todos los posts que tienen comentarios.

Lo que hice fue incluir esto en functions.php

Código PHP:

Ver original// *********************************************
// Agregar la pagina de comentarios en el panel
// *********************************************
add_action('admin_menu', 'comentarios_op');
 
function comentarios_op() {
    add_menu_page( 'Comentarios', 'Commentarios', 'read', 'comentarios', 'comentarios_handler',get_bloginfo('template_directory') . '/images/facebook-icon.png');
}
 
 
function comentarios_handler() { ?>
    <div id="fb-root"></div>
    <script>window.fbAsyncInit = function() {
        FB.init({appId: 'TU-AP-ID', status: true, cookie: true, xfbml: true});
    };
    (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_ES/all.js#xfbml=1&appId=TU-AP-ID";
      fjs.parentNode.insertBefore(js, fjs);  
    }(document, 'script', 'facebook-jssdk'));</script>
    <script>
    jQuery(function(){
        jQuery('a.mark_as_read').click(function(e){
            var anchor = jQuery(this);
            e.preventDefault();
            var page_url = jQuery(this).attr('data-posturl');
            jQuery.post("<?php bloginfo('template_directory'); ?>/comentario-leido.php", { page_url: page_url } , function(data){
                if(data=='exito'){
                    anchor.parent().parent().fadeOut('fast',function(){
                        jQuery(this).remove();
                        if(!jQuery('').length){
                            jQuery('#wpbody-content').append('<h2>No hay comentarios nuevos.</h2>');
                        }
                    });
                }else{
                    alert('Hubo un error marcando los comentarios :( Intenta de nuevo re-cargando la pagina');
                }
            });
            
        });
    });
    </script>
    
    <?php
    global $post;
    $tmp_post = $post;
    $args = array( 'numberposts' => -1 , 'meta_key' => 'comentarios_nuevos', 'meta_value' => 'true');
    $myposts = get_posts( $args );
    $hay_comentarios = false;
    foreach( $myposts as $post ) : setup_postdata($post); $hay_comentarios=true; ?>
    <div style="padding:20px 0; border-bottom:2px dashed #CCC;">
        <h2><a href="<? the_permalink(); ?>"><?php the_title(); ?></a> <iframe src="http://www.facebook.com/plugins/comments.php?href=<?php the_permalink(); ?>&amp;permalink=1" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:16px;" allowTransparency="true"></iframe> <a class="mark_as_read" style="font-size:12px; text-decoration:underline; color:red;" data-posturl='<?php the_permalink();?>' href="#">Marcar como leidos</a></h2>
        <p><a href="<? the_permalink(); ?>"><?php echo get_the_post_thumbnail($post->ID, 'thumbnail',array('title'=>get_the_title())); ?></a></p>
        <div class="fb-comments" data-href="<? the_permalink(); ?>" data-num-posts="5" data-width="600"></div>
    </div>
    <?php endforeach; ?>
    <?php if(!$hay_comentarios){ ?>
        <h2>No hay comentarios nuevos.</h2>
    <?php } ?>
    <?php $post = $tmp_post; ?>
    
    
<?php }

Y ahora necesitás incluir también otro archivo php para marcar los comentarios leídos: comentario-leido.php

Código PHP:

Ver original<?php
// Incluir WordPress 
define('WP_USE_THEMES', false);
require('/home/public_html/wordpress/wp-load.php');
?>
<?php
 
    $page_url   = urldecode($_REQUEST['page_url']);
// si llegamos hasta aca, puede ser un comentario genuino. Entonces agregamos el meta key al post para marcar que tiene un comentario.
    $slug_to_get = getLastPathSegment($page_url);
    $args=array(
      'name' => $slug_to_get,
      'post_type' => 'post',
      'post_status' => 'publish'
    );
    $my_posts = get_posts($args);
    if( $my_posts && $slug_to_get!='') {
        delete_post_meta($my_posts[0]->ID, 'comentarios_nuevos');
        echo 'exito';
        die;
    }
    
function getLastPathSegment($url) {
    $path = parse_url($url, PHP_URL_PATH); // to get the path from a whole URL
    $pathTrimmed = trim($path, '/'); // normalise with no leading or trailing slash
    $pathTokens = explode('/', $pathTrimmed); // get segments delimited by a slash
 
    if (substr($path, -1) !== '/') {
        array_pop($pathTokens);
    }
    return end($pathTokens); // get the last segment
}
?>

Lo que todo esto hace es incluir una página en el panel de Wordpress que te muestra las entradas con comentarios nuevos y te da la posibilidad de marcarlos como leídos.

En esta y en la anterior solucion, tenés que cambiar el ID de tu app donde veas ID-DE-TU-APP
Es MUY MUY seguro que tengas que modificar parte de estos códigos para adaptarlos a tus necesidades.
Cuando incluyas wordpress en los archivos PHP, asegurate de cambiar la ruta de wp-load.php por la tuya
En el archivo comentarios.php, cambia bien las direcciones de email.

RGT · #4 (**permalink**) 19/02/2012, 09:14

Hola, wow gracias por tu explicacion hermano, excelente, ahora mismo lo pongo en practica.

una cosa, yo no instale plugin para los comentarios con fb, fue manualmente y no veo la linea que dices, tengo esto:

<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/all.js#xfbml=1&appId=134309309932399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Naahuel · #5 (**permalink**) 19/02/2012, 10:41

Mmm bueno, vas a tener que hacer algo de prueba y error. Intentá poner esto después de eso que me mostraste (antes de cerrar </script>. Si eso se inserta dinámicamente por un plugin, encerrá el código que te paso en <script></script> después de wp_head(); en header.php):

Código Javascript:

Ver originalwindow.fbAsyncInit = function() {
   FB.init({appId: 'ID-DE-TU-APP', status: true, cookie: true, xfbml: true});
   fbCommNotificar('<?php bloginfo('template_directory') ?>/comentarios.php');
};

El id de tu app parece ser 134309309932399, acordate de reemplazarlo.

RGT · #6 (**permalink**) 19/02/2012, 13:49

Una preg amigo, para guardar todos los like de los post y los twitts en la base de datos, es otra cosa aparte verdad?

Porque si mueves tu blog a otro dominio todos los likes se borran.

Naahuel · #7 (**permalink**) 19/02/2012, 14:27

Claro, esas cosas se almacenan en los servidores de Facebook. Tenés que estudiar la API, porque si hay un evento para cuando se crea un comentario, seguramente hay otros para cuando alguien le da al me gusta. También depende de cómo uses el url. Por ejemplo, no es lo mismo:

https://graph.facebook.com/comments/...uvia-de-gotas/

que sin el www

https://graph.facebook.com/comments/...uvia-de-gotas/

Con esas URLs podés obtener los comentarios de una página cualquiera. Para obtener el número de likes y shares, por ejemplo:

https://api.facebook.com/method/fql....9;&format=json

también para cualquier URL.

De todas formas, dudo que sirva de algo almacenar eso en una base de datos... ¿qué vas a hacer después con eso? No podés restaurarlos o moverlos a tu nuevo dominio...

RGT · #8 (**permalink**) 19/02/2012, 16:28

Cierto, bueno dejame concentrarme en esto de comentarios, tengo un lio aqui, pruebo y todo y te aviso sin tengo problemas, gracias amigo!.

RGT · #9 (**permalink**) 20/02/2012, 14:15

No logro hacerlo, no hay una forma mas sencilla de saber que disco tiene nuevos comentarios?

Naahuel · #10 (**permalink**) 20/02/2012, 15:02

Pues si, tal vez te compliqué la vida. Perdón.

La idea básica y general, es usar el evento que se dispara al hacer un comentario con javascript. Cuando ese evento ocurre, hacemos algo. Podemos usar ajax de forma de guardar en la base de datos o enviar un email. Es lo que yo hice, básicamente.

Mirá este ejemplo simplificado. Estudialo y decime si te resulta más entendible:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <!-- Facebook comment, tal y cual lo usas vos -->
  <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/all.js#xfbml=1&appId=134309309932399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<script>
  //aca creamos un script que se suscribe al evento comment.create
  window.fbAsyncInit = function() {
    FB.Event.subscribe('comment.create', function() { //suscribimos
       //lo que yo ponga aca se ejecutará al hacerse un comentario
       alert('Se hizo un comentario!');
    });  
  }
</script>
 
  <!-- aca el cosito para comentar -->
  <div class="fb-comments" data-href="http://jsbin.com" data-num-posts="10" data-width="600"></div>
  
  </body>
</html>

acá está en funcionamiento: http://jsbin.com/evumoj

RGT · #11 (**permalink**) 20/02/2012, 19:44

Si, entiendo ese mas facil,
solo me gustaria saber donde comentaron ya sea en wp admin o no, para yo poder responder, no tiene que ser muy complejo.

Naahuel · #12 (**permalink**) 20/02/2012, 20:29

Bueno es mi 2da respuesta. Analizala bien y si tenés dudas concretas, preguntá.

RGT · #13 (**permalink**) 20/02/2012, 20:43

A ver si entendi:

tengo esto en footer.php

Código:

  <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/all.js#xfbml=1&appId=134309309932399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

esto lo pongo en dentro de head?

Código:

<script>
  //aca creamos un script que se suscribe al evento comment.create
  window.fbAsyncInit = function() {
    FB.Event.subscribe('comment.create', function() { //suscribimos
       //lo que yo ponga aca se ejecutará al hacerse un comentario
       alert('Se hizo un comentario!');
    });  
  }
</script>

esto lo tengo en single.php

Código:

<div class="fb-comments" data-href="URL DEL POST" data-num-posts="10" data-width="600"></div>

?

Naahuel · #14 (**permalink**) 20/02/2012, 20:46

Cita:

Iniciado por RGT

esto lo pongo en dentro de head?

Código:

<script>
  //aca creamos un script que se suscribe al evento comment.create
  window.fbAsyncInit = function() {
    FB.Event.subscribe('comment.create', function() { //suscribimos
       //lo que yo ponga aca se ejecutará al hacerse un comentario
       alert('Se hizo un comentario!');
    });  
  }
</script>

?

Si has puesto el resto de los scripts en footer.php, a eso ponelo a continuación.

RGT · #15 (**permalink**) 20/02/2012, 20:50

Ok una ultima pregunta, todo todo en footer

y esto
<div class="fb-comments" data-href="URL DEL POST" data-num-posts="10" data-width="600"></div>
en single por supuesto.

donde vere los comentarios nuevos, en facebook?

Naahuel · #16 (**permalink**) 20/02/2012, 20:53

...?

No entiendo, no lo tenías ya funcionando...? Los comentarios los vas a ver ahí, en el post. Adicionalmente podés seleccionar "publicar en facebook". Entonces saldrá en tu muro que has hecho un comentario en tal sitio.

La notificación del comentario, si usás mi respuesta 2, saldría en el panel de Wordpress.

RGT · #17 (**permalink**) 20/02/2012, 20:57

Aver, perdoname pero ahora estoy enrredado.

Yo se poner el plugin de comentario de facebook en wordpres.

el punto esta en:
si alguien comenta en algun post, nó lo sabes amenos que algun dia entres al post y veas los comentarios, hay te das cuenta que alguien escribio.

Mi pregunta es, cómo sabes tú que alguien ha comentado en cualquier post de tu blog sin tener que revisar todos los post manualmente.

tengo esto ahora en footer:

Código:

  <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/all.js#xfbml=1&appId=134309309932399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>
  //aca creamos un script que se suscribe al evento comment.create
  window.fbAsyncInit = function() {
    FB.Event.subscribe('comment.create', function() { //suscribimos
       //lo que yo ponga aca se ejecutará al hacerse un comentario
       alert('Se hizo un comentario!');
    });  
  }
</script>

Ahora mi pregunta es:
los nuevos comentarios en mi blog, como sabre que han comentado?.
Me llegara la notificacion por facebook?.

Creo que me explique mejor.
Perdoname todas las preguntas y gracias por tu tiempo hermano.

Naahuel · #18 (**permalink**) 21/02/2012, 05:57

Aparentemente el que no se ha explicado soy yo. Entiendo perfectamente cuál es el problema, por algo hice todo eso... :S
El código de mi segunda respuesta hace lo siguiente:

Al realizarse un comentario, se dispara un evento que envía información a un archivo PHP que envía un email de notificación y agrega metadatos al post
Como los emails no parecían llegar siempre en mi servidor, además de eso se agrega una página en el panel de administración de Wordpress
Dentro de esa página, se listan todos los posts con el metadato que se le agregó al momento de realizado el comentario. O sea, te listará todos los posts con comentarios nuevos y podés marcarlos como leídos una vez que los leas.

O sea, no tenés que entrar a cada post, esa es la idea.

RGT · #19 (**permalink**) 21/02/2012, 07:16

Entiendo, y si no quiero que me envien email cada vez que surga un nuevo comentario?, me gustaria verlo solamente en el wp-admin. Enviar tantos emails puede cargar mucho mi server.
Y marcar comentarios leídos, no tiene mucha prioridad, total estan en facebook y solo interesa leer lo que dice.

Me gustaria ahorrar un poco de codigo y ponerlo en el wp-admin, solo mostrando los comentarios nuevos diciendo e que post, yo mismo entro y respondo, fácil.

Me olvido de agregar el codigo en comments.php y solo agrego el que va en functions.php?

Naahuel · #20 (**permalink**) 21/02/2012, 07:43

Realmente pensé que había sido claro.

Vamos a empezar de nuevo, paso a paso. Por favor, leé todo y seguí bien los pasos. Si tenés dudas concretas, preguntá lo que quieras.

1.- Descargá estos archivos:http://nahueljose.com.ar/ejemplos/co...s-facebook.zip Ahí tenés 3 archivos. comentarios.php, comentario-leido.php y un ícono de facebook en una carpeta images.
Necesitás editar los 2 archivos PHP y cambiar la ruta que figura arriba por la tuya (la ruta del archivo wp-load.php). Este archivo esta en el directorio de instalación de wordpress y la ruta debe ser absoluta.

2.- Una vez que hayas editado esos archivos, colocalos en la carpeta de tu tema. El ícono debe estar en una carpeta images.

3.- En footer.php colocá esto (Reemplazá lo que ya tenés):

Código PHP:

Ver original<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/all.js#xfbml=1&appId=134309309932399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<script>
//aca creamos un script que se suscribe al evento comment.create
window.fbAsyncInit = function() {
    FB.Event.subscribe('comment.create', function() { //suscribimos
    //lo que yo ponga aca se ejecutará al hacerse un comentario
        // Url de la pagina
        var pageURL =  document.location.href;
        // marcar con comentarios nuevos
        $.post(<?php bloginfo('template_directory'); ?>/comentarios.php,{ page_url : pageURL});
    });  
}
</script>

4.- Abrí tu archivo functions.php. Si no existe, crealo. Colocá esto al final:

Código PHP:

Ver original// *********************************************
// Agregar la pagina de comentarios en el panel
// *********************************************
add_action('admin_menu', 'comentarios_op');
 
function comentarios_op() {
    add_menu_page( 'Comentarios', 'Commentarios', 'read', 'comentarios', 'comentarios_handler',get_bloginfo('template_directory') . '/images/facebook-icon.png');
}
 
 
function comentarios_handler() { ?>
    <div id="fb-root"></div>
    <script>window.fbAsyncInit = function() {
        FB.init({appId: 'TU-AP-ID', status: true, cookie: true, xfbml: true});
    };
    (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_ES/all.js#xfbml=1&appId=134309309932399";
      fjs.parentNode.insertBefore(js, fjs);  
    }(document, 'script', 'facebook-jssdk'));</script>
    <script>
    jQuery(function(){
        jQuery('a.mark_as_read').click(function(e){
            var anchor = jQuery(this);
            e.preventDefault();
            var page_url = jQuery(this).attr('data-posturl');
            jQuery.post("<?php bloginfo('template_directory'); ?>/comentario-leido.php", { page_url: page_url } , function(data){
                if(data=='exito'){
                    anchor.parent().parent().fadeOut('fast',function(){
                        jQuery(this).remove();
                        if(!jQuery('').length){
                            jQuery('#wpbody-content').append('<h2>No hay comentarios nuevos.</h2>');
                        }
                    });
                }else{
                    alert('Hubo un error marcando los comentarios :( Intenta de nuevo re-cargando la pagina');
                }
            });
            
        });
    });
    </script>
    
    <?php
    global $post;
    $tmp_post = $post;
    $args = array( 'numberposts' => -1 , 'meta_key' => 'comentarios_nuevos', 'meta_value' => 'true');
    $myposts = get_posts( $args );
    $hay_comentarios = false;
    foreach( $myposts as $post ) : setup_postdata($post); $hay_comentarios=true; ?>
    <div style="padding:20px 0; border-bottom:2px dashed #CCC;">
        <h2><a href="<? the_permalink(); ?>"><?php the_title(); ?></a> <iframe src="http://www.facebook.com/plugins/comments.php?href=<?php the_permalink(); ?>&amp;permalink=1" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:16px;" allowTransparency="true"></iframe> <a class="mark_as_read" style="font-size:12px; text-decoration:underline; color:red;" data-posturl='<?php the_permalink();?>' href="#">Marcar como leidos</a></h2>
        <p><a href="<? the_permalink(); ?>"><?php echo get_the_post_thumbnail($post->ID, 'thumbnail',array('title'=>get_the_title())); ?></a></p>
        <div class="fb-comments" data-href="<? the_permalink(); ?>" data-num-posts="5" data-width="600"></div>
    </div>
    <?php endforeach; ?>
    <?php if(!$hay_comentarios){ ?>
        <h2>No hay comentarios nuevos.</h2>
    <?php } ?>
    <?php $post = $tmp_post; ?>
    
    
<?php }

5.- Listo.

Nota: Es lo mismo que ya te pasé antes, pero modificado para simplificar y para que funcione como querés. No lo he probado pero debería funcionar. Si encontrás algún error avisame.

Realmente no veo forma de ser más claro y, no es por malo ni nada, pero me parece que ni siquiera estás intentando. Leé, prestá atención y analizá bien el código si tenés dudas.

RGT · #21 (**permalink**) 21/02/2012, 08:02

Hola, ya me sale en wp-admin.

Me dice:
No hay comentarios nuevos.

Si yo mismo comento, me avisa en wp-admin?.
Porque yo comente con mi facebook y no vi nada, siempre decia:
No hay comentarios nuevos.

Otra pregunta, los dos archivos .php son iguales, tienen el mismo codigo, hay diferencia?

Naahuel · #22 (**permalink**) 21/02/2012, 08:07

No son iguales.

Los comentarios de facebook es para integrar facebook con tu sitio web. Tenés que comentar en tu sitio para que funcione...

RGT · #23 (**permalink**) 21/02/2012, 10:06

Hola, eso ise, comente en 2 post, y en wp admin no paso nada, la pagina de comentarios esta vacia. no funciona hermano. =(

Naahuel · #24 (**permalink**) 21/02/2012, 10:21

¿Me podrías pasar la dirección del sitio? A lo mejor está fallando comentarios.php

Naahuel · #25 (**permalink**) 21/02/2012, 10:30

Acabo de verlo. El error está acá:

Código PHP:

Ver original$.post(<?php bloginfo('template_directory'); ?>/comentarios.php,{ page_url : pageURL});

Faltan las comillas en el nombre del archivo :

Código PHP:

Ver original$.post("<?php bloginfo('template_directory'); ?>/comentarios.php",{ page_url : pageURL});

Esa línea está en el script que va en footer.php

Ahora debería funcionar. Yo marqué como leído uno manualmente, fijate si te sale en el panel.

RGT · #26 (**permalink**) 21/02/2012, 12:16

El blog es:
www.megalbum.com

Y tampoco funciona, comente 2 veces en diferentes post y no aparece nada en wp admin.
=(

Naahuel · #27 (**permalink**) 21/02/2012, 19:21

A simple vista no puedo qué está mal. Vas a tener que hacer un poco de debugging, revisar los códigos, etc.

RGT · #28 (**permalink**) 21/02/2012, 20:32

Hola, yo no entiendo mucho de js, solo segui tus paso.
no funciona =( toy triste

RGT · #29 (**permalink**) 23/02/2012, 21:15

Naahuel, alguna idea so?

Nekko · #30 (**permalink**) 24/02/2012, 04:53

Por favor, no uses mensajes que no aportan para levantar un tema.