Facebook Comments

Error en el Plugin de Facebook para comentarios al tener también el Facebook Like Box

Al integrar el plugin de Facebook para comentarios al pie de los artículos de Vista al Mar me he encontrado que al recargar la página en Firefox daba el error del titular: The comments plugin requires an application id to properly namespace the provided xid.

Revisando entradas en internet parece que el problema se debe al cargar dos o más veces el archivo de java script "all.js" que se incluye en los dos códigos de Fabeook, el de comentarios y el del Like Box.

En otros lugares dicen que es necesario proveer el identificador (ID) de tu página de Facebook .

Yo he probado varias cosas y al final lo que me ha dado resultado es dejar los códigos como sigue:

Código original de Facebook Like Box:

<fb:like-box href="https://www.facebook.com/pages/Vista-al-Mar/1755XXXX2477457" width="292" colorscheme="dark" show_faces="true" stream="true" header="false"></fb:like-box>

Código original del Plugin de Facebook para comentarios:
<div id="fb-root"></div><script src="https://connect.facebook.net/es_ES/all.js#appId=1931325XXXXXXX218&amp;xfbml=1"></script><fb:comments href="https://apps.facebook.com/vistaalmar/" num_posts="3" width="500"></fb:comments>

Código actual de Facebook Like Box:
<div id="fb-root">
</div>
<script src="https://connect.facebook.net/es_ES/all.js#appId=1931325XXXXXX218&amp;xfbml=1"></script>
<fb:like-box href="https://www.facebook.com/pages/Vista-al-Mar/175515202477457" width="292" colorscheme="dark" show_faces="true" stream="true" header="false"></fb:like-box>

Código actual del Plugin de Facebook para comentarios
:
<script src="https://connect.facebook.net/es_ES/all.js#appId=193132XXXXX218&amp;xfbml=1">
</script><fb:comments num_posts="3" width="500"></fb:comments>

En Firefox también funciona si lo dejamos así (en Internet Explorer 8 hay que poner el de arriba):
<div id="fb-root">
</div>
<fb:comments num_posts="3" width="500"></fb:comments>

Si además tenemos más abajo en la misma página el más sencillo Like (Me gusta) de Facebook podemos quitar
<script src="https://connect.facebook.net/es_ES/all.js#appId=1931325XXXXXXX218&amp;xfbml=1">
</script>

y dejarlo sólo en:
</script><fb:like layout="box_count" font="verdana"></fb:like>

y nos ahorramos la carga de otro java script en la página. Aquí funcionan bien los dos en Firefox y en Internet Explorer 8

Para poder utilizar el ID de Facebok tendrás que configurar una aplicación para obtener una app id: https://www.facebook.com/developers/

Aquí puedes obtener después el código del Plugin de Comentarios de Facebook


Comentario en el muro de Facebook
Esta herramienta ayuda a aumentar la interactividad y las visitas en tu página web, pues el comentario aparacerá en el muro del usuario de Facebook que lo realice con el enlace a tu página.

Un problema que le veo es que las páginas tardan más en cargar, otro es que no hay notificaciones, no sabes cuando ponen un comentario en el muro del usuario que lo realiza.

También si existe un fondo oscuro en el background, como es mi caso en Vista al Mar, el comentario casi no se ve... ¿alguna idea para solucionarlo?

Aquí abajo tenéis el Plugin de Facebook Comments funcionando:

 

Recibe gratis nuevos artículos por email:
Inicia sesión para suscribirte en Youtube

Somos apañados (ñ)
Suscribete

Más leído