La guía definitiva para implementar los comentarios de Facebook en tu blog

El uso de los comentarios de Facebook en su blog ofrece a sus lectores una forma de comentar instantáneamente las publicaciones, así como compartirlas sin tener que hacer ningún trabajo. Si cree que este tipo de sistema de comentarios se adaptará a su audiencia, siga leyendo para averiguar cómo puede implementarlo. la manera correcta.


Paso 1: Crear una aplicación de Facebook

Antes de generar el código de comentarios de Facebook e implementarlo en su blog, debe crear una aplicación para su sitio..

  1. Ir a developers.facebook.com
  2. Hacer clic Aplicaciones
  3. Hacer clic Crear nueva aplicación
  4. Ingrese un Nombre para mostrar de la aplicación y Espacio de nombres

En la siguiente pantalla, verás las aplicaciones recién creadas. ID de aplicación y Clave secreta de la aplicación. No necesitarás la clave secreta, pero la ID de la aplicación se usará más adelante. Toma nota de ello.

Debajo de estas teclas, adelante y llena la Email de contacto y Dominio de aplicación (El dominio de tu blog). Baja y haz click en Sitio web. Complete el mismo dominio que usó para el dominio de la aplicación. Hacer clic Guardar cambios.


Paso 2: inserta el código de comentarios de Facebook en tu tema

En este tutorial, implementaremos los comentarios de Facebook junto con el sistema de comentarios de WordPress predeterminado en lugar de reemplazarlo. Si lo desea, puede dirigirse al generador de código de Comentarios de Facebook para obtener el código que necesitará para insertar el sistema de comentarios; Sin embargo, lo he incluido aquí para que pueda copiarlo. Sin embargo, tendrás que personalizar algunas partes de él; Observaré qué partes son para cada bloque..

El bloque de código a continuación se debe colocar en su tema header.php expediente. Encuentra la apertura Etiqueta y pega el bloque directamente debajo de él. En la sexta línea, reemplace "Su ID de aplicación aquí" con su ID de aplicación.

 

Mientras todavía estás en tu header.php archivo, sube a la Sección y pegar este bloque de código en alguna parte. Se asegurará de que el sistema de comentarios de Facebook en las publicaciones de su blog sepa que es propiedad de la aplicación que creó anteriormente. Reemplace el bit "Su ID de aplicación aquí" con su ID de aplicación (deje las comillas en su lugar).

 

El siguiente bloque de código se debe colocar en su tema comentarios.php expediente. Ya que estamos implementando los comentarios de Facebook. junto a En los comentarios de WordPress, simplemente lo pegarás donde quieras que aparezca el cuadro de comentarios de Facebook, y no eliminarás ninguno del código original..

 

Si genera su código de comentarios de Facebook a partir del enlace que le di anteriormente, en lugar de simplemente extraerlo de este tutorial, recuerde cambiar el datos-href atributo de la URL original a , de lo contrario los comentarios de Facebook no funcionarán.

También puede editar el data-num-posts, ancho de datos, y esquema de datos-colores Atributos a tu gusto. El primero define cuántos comentarios se mostrarán en cada publicación antes de que un usuario deba hacer clic en "Ver más", el segundo define el ancho del sistema de comentarios (configúrelo a un poco más pequeño que el ancho de su área de contenido), y el último es la combinación de colores, que se puede establecer en "claro" u "oscuro".


Paso 3: Muestra el conteo combinado de comentarios de Facebook y WordPress

Lo más probable es que su tema tenga varias áreas donde mostrará la cantidad de comentarios que hay en una publicación. De forma predeterminada, solo mostrará el número de comentarios de WordPress. Ya que estás implementando los comentarios de Facebook junto con los comentarios de WordPress ahora, querrás mostrar la suma de los comentarios de ambos sistemas en cada publicación..

Para ello, primero abre tus temas funciones.php expediente. Pegue el código que se muestra a continuación en la parte inferior del archivo y guárdelo.

 // Obtener la función de conteo de comentarios FB y WordPress combinados full_comment_count () global $ post; $ url = get_permalink ($ post-> ID); $ filecontent = file_get_contents ('https://graph.facebook.com/?ids='. $ url); $ json = json_decode ($ filecontent); $ count = $ json -> $ url-> comentarios; $ wpCount = get_comments_number (); $ realCount = $ count + $ wpCount; if ($ realCount == 0 ||! isset ($ realCount)) $ realCount = 0;  return $ realCount; 

Nota: Este código se creó a partir de una función escrita por Viceprez en el intercambio de pila de WordPress. Simplemente agregué un par de líneas a su función original que se agregan al conteo de comentarios de WordPress. Gracias viceprez!

Ahora que tiene la función agregada a su tema, puede usarla para reemplazar las funciones de conteo de comentarios originales que se usaron en su tema. En mi tema, los comentarios se llaman usando este código:

 

Su tema puede usar esta función para mostrar el recuento de comentarios, o puede que no. Una vez que hayas encontrado lo que sea hace mostrarlo, reemplazarlo con este código:

 

Es probable que haya varios lugares dentro de su tema en los que necesitará insertar este código. Aquí hay una lista de las más comunes:

  • los comentarios.php expediente
  • Cerca de la cima de tu single.php expediente
  • los index.php - Se ubicará en el bucle que llama a cada publicación.
  • Cualquier archivo como archive.php, category.php, autor.php, En esto, estará ubicado en el bucle que llama a cada publicación también..
  • En search.php
  • En page.php si permites comentarios en las páginas

Si el comentario cuenta en tu comentarios.php se muestra como una oración, en lugar de solo un número, puede usar el código a continuación en lugar de la llamada de función de una línea para permitir palabras como "sin comentarios" y "un comentario". Personalicé el mío para que sea más atractivo. Recomiendo que hagas lo mismo en lugar de ser genérico :)

 Aún no hay comentarios - deberías comenzar la discusión!';  else if ($ commentCount == 1) echo '
Un comentario hasta ahora - añade el tuyo!
'; else echo '
'. $ commentCount. 'comentarios hasta ahora - añade el tuyo!
'; ?>

Paso 4: Obtener notificaciones inmediatas de nuevos comentarios

La última parte del tutorial te mostrará cómo obtener notificaciones de Facebook cada vez que alguien comente en tu blog..

Primero, deberás acceder a tu panel de moderación de comentarios. Puede hacerlo pegando la siguiente URL en su navegador, sustituyendo "Su ID de aplicación aquí" con su ID de aplicación. También es posible que desee agregar esta página a sus marcadores una vez que esté en ella..

https://developers.facebook.com/tools/comments/?id=You ID de aplicación aquí

Una vez que esté en su panel de moderación de comentarios, pulse el botón Ajustes Botón en la esquina superior derecha. Aparecerá una ventana, y deberías ver un Moderadores campo en medio de ella Simplemente agrégate como moderador y comenzarás a recibir notificaciones cada vez que alguien comente en una publicación de blog..


Conclusión

Si has seguido todos los pasos de este tutorial, tu blog ahora debería tener Comentarios de Facebook implementados junto con el sistema de comentarios de WordPress predeterminado. Creo que esta es una configuración ideal, ya que brinda a sus lectores lo mejor de ambos mundos; Facebook Comments es probablemente el sistema de comentarios más conveniente que existe, si un lector ha iniciado sesión en Facebook (lo más probable es que sí lo estén), entonces no hay campos de autenticación o identificación que deba completar. Sólo pueden comentar. Sin embargo, si un lector no quiere usar Facebook, o si desea agregar su enlace u obtener los beneficios de CommentLuv, aún puede dejarlos usar los comentarios de WordPress..

Ahora también tiene un recuento de comentarios para cada publicación que muestra la suma de los comentarios de cada sistema y, como es moderador de su aplicación, recibirá notificaciones inmediatas de nuevos comentarios. Espero que disfrutes tu nueva y mejorada solución de comentarios.!