Cómo añadir comentarios de Facebook a WordPress

Cómo añadir comentarios de Facebook a WordPress

Por Chaitanya Singh | Filed Under: WordPress, plugins de WordPress

Facebook ha proporcionado varias características para compartir socialmente. Ya hemos compartido algunos tutoriales para usuarios de WordPress, como añadir botones como el de Facebook y abrir meta etiquetas de gráficos para WordPress. En este post, compartimos una guía paso a paso para agregar comentarios de Facebook en WordPress.

Post relacionado: Google+ comentarios para WordPress

¿Por qué deberías usar los comentarios de Facebook en WordPress?

  1. La mayoría de la gente tiene una cuenta en Facebook, así que usarlo aumentará el número de comentarios en tu blog.
  2. Mejoramiento de la compartición social – El contenido será compartido frecuentemente en el Facebook.
  3. Puede construir una buena comunidad en Facebook que más tarde puede convertirse en una buena fuente de tráfico.

Antes de proceder con el proceso de agregarlo a un blog, veamos cómo se ve en Facebook Comentarios en un blog.

Añadir comentarios de Facebook a WordPress

Hay dos maneras de hacerlo –

1) Usando los plugins de WordPress – Hay dos plugins populares de WP que hacen esta tarea por ti. Sólo requieren el ID de la aplicación de Facebook, el proceso paso a paso de crear el ID de la aplicación se comparte a continuación.
2) Comentarios de Facebook para WordPress sin plugin – Algunas personas prefieren hacer las cosas por su cuenta, para el tema he compartido el código y los scripts, que pueden ser añadidos directamente a la plantilla del tema para tener los comentarios de Facebook en su blog.

1) Usando los plugins de WordPress

Aquí están los plugins que pueden añadir comentarios de Facebook en tu blog de WordPress.

  • Plugin de comentarios de Facebook por Alex
  • Comentarios de Facebook para WordPress

Plugin de comentarios de Facebook por Alex

Paso 1: Descargue el plugin de la página de WordPress: http://wordpress.org/plugins/facebook-comments-plugin/, instálelo y actívelo en su blog.

Paso 2: Una vez que hayas terminado con el paso 1, ve a WordPress » Configuración » Comentarios de Facebook y configura todos los ajustes correctamente. Este paso requeriría un ID de APP de Facebook para la activación.

¿Cómo crear un ID de APP de Facebook para los comentarios?

a) Ve a la página de desarrolladores de Facebook y haz clic en «Crear nuevaaplicación».

Crear nueva aplicación de Facebook

b) Aparecerá una pantalla en la que deberá introducir el nombre de la aplicación, la categoría y la subcategoría de la aplicación. Haga clic en Continuar e introduzca el captcha requerido y pulse continuar.

Pantalla de la aplicación de Facebook

c) Obtendrás una pantalla como la siguiente. Anota el ID de la aplicación como se muestra a continuación, este es el que necesitarías para activar el plugin para mostrar los comentarios de Facebook para WordPress. Introduce la url de tu sitio en el campo Dominios de la aplicación y guarda los cambios. Eso es todo, ya has terminado de crear un nuevo App ID.

Información de la página web de Facebook App ID para comentarios

Paso 3: Introduce el FB App Id en la página de configuración del plugin y guarda la configuración. En ese momento, los comentarios de Facebook deberían aparecer en tu blog. Si ves algún problema, usa el Depurador de Facebook para solucionarlo. En la captura de pantalla de arriba, el modo Sandbox está habilitado, sin embargo, es posible que desees deshabilitarlo para mostrar los comentarios a todos los usuarios.

Herramienta de moderación de comentarios

Los comentarios estarán esperando en la cola de la moderación hasta que los aprueben. Para moderar los comentarios visite la herramienta de moderación de comentarios de Facebook. Esto es una gran ventaja de tener comentarios de Facebook en tu blog en lugar de comentarios de Google+, ya que los comentarios de G+ no esperan a la moderación, lo que termina en un gran dolor de cabeza de monitorear todos los comentarios diariamente. Con suerte, pronto habrá una solución para la moderación de los comentarios de Google+ también.

Colocación manual de los comentarios

» El código de abajo puede ser colocado en la plantilla de su tema para tener una colocación deseada de la caja de comentarios.

echo do_shortcode('[fbcomments]');

» El siguiente código puede ser usado mientras se escribe un post/página.

[fbcomentarios]

» Si desea evitar que los comentarios se muestren en ciertas identificaciones de publicaciones, como por ejemplo: 222, 20, 447, 77 entonces use el siguiente código corto para eliminar el cuadro de comentarios de ellos. Para cualquier otra ayuda puede visitar la página del autor: Comentarios de Facebook Plugin de WordPress

if (!is_single(array(222,20,447,77))) {echo do_shortcode('[fbcomments]');

Comentarios de Facebook para WordPress

Nota: Este plugin no ha sido actualizado desde hace mucho tiempo, así que le sugiero que vaya con el plugin anterior. Pero aún así, si el plugin anterior no es compatible con tu tema o crea un conflicto con otro plugin o hay algún otro problema con él, entonces puedes probar este. Los pasos son los siguientes –

Paso 1: Descargue el plugin de la página de WordPress: Comentarios de Facebook para WordPress , subir, instalar y activarlo de forma similar al plugin anterior.

Paso 2: En la página de configuración, introduce el ID de la aplicación de Facebook y la clave secreta(los pasos para crear el ID de la aplicación de Facebook y la clave secreta se comparten arriba) y guarda la configuración.

Eso es todo!! El plugin debería funcionar ahora en tu blog.

2) Comentarios de Facebook para WordPress sin el plugin

Paso 1: Añade el siguiente código en los archivos de tu tema justo después de la apertura de la etiqueta. Puedes tenerlo en el archivo single .php para mostrar el cuadro de comentarios en cada publicación.

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

Reemplazar el ID de la aplicación en el código anterior

appId=FB-APP-ID

con su App Id (Los pasos son compartidos arriba para crear el nuevo App ID)

Paso 2: Coloca el código de abajo donde quieras mostrar el cuadro de comentarios. Ajusta el ancho según la necesidad. Preferirías incluirlo en el archivo comments.php de tu tema.

<div class="fb-comments" data-href="<?php the_permalink() ?>" data-width="470" ></div>

Paso 3: Añade el siguiente código en la sección de cabecera de todo tu sitio web (dentro de . . . tags) incluyéndolo en el archivo header .php de tu blog. Reemplace el FB-APP-ID con el ID real en el código de abajo.

<meta property="fb:app_id" content="FB-APP-ID"/>

Referencia: Caja de comentarios – Desarrolladores de Facebook

Conclusión

Añadir comentarios de Facebook a tu blog de WordPress es fácil y apenas lleva unos minutos configurarlo. Si tienes un buen fanático siguiéndote en Facebook, entonces tenerlo en tu blog puede ser bueno en términos de tráfico y de compartir socialmente. Hazme saber si tienes algún problema mientras lo configuras o si tienes alguna pregunta. Hazlo, haznos saber qué cuadro de comentarios prefieres: Comentarios de Google+ o comentarios de Facebook.

  1. Cómo añadir Facebook Open Graph usando el plugin SEO de Yoast WordPress
  2. Cómo mostrar los extractos del post (resumen) en los temas de WordPress
  3. Cómo configurar el marcado de autoría de Google+ verificado en WordPress
  4. 10 temas de WordPress de respuesta gratuita – Descarga gratuita
  5. Widget de imágenes de WordPress para mostrar imágenes, anuncios de banner en la barra lateral
  6. 5 plugins gratuitos para añadir etiquetas meta de gráficos abiertos de Facebook en WordPress

Deja una respuesta