Como instalar la nueva caja de paginas de facebook en tu blog

Una de las formas de promover una fanpage de Facebook a través de un blog es usando el popular gadget de la fanbox, pero desafortunadamente la red social ha anunciado que el sistema ya no seguirá funcionando, aunque si podrás verlo aun en tu blog, al tratar de agregarlo a un nuevo sitio o en su lugar querer usar el código HTML 5, este no estará disponible.


De hecho, la popular fanbox para Facebook ya no se encuentra disponible pero la red social ha liberado un sustituto, en mi opinión con look más profesional e interesante.

Instalación del nuevo gadget de Page

El proceso de instalación del nuevo plugin o fanbox de Facebook para blogs o sitios webs es muy fácil al anterior. Primero debemos ir a la web oficial del widget: https://developers.facebook.com/docs/plugins/page-plugin

Ahí veremos una página de ejemplo, por lo que tendremos que llenar los siguientes datos y a medida que lo hagamos podremos ver como se verá la nueva caja en nuestro blog:



Facebook page url: ruta completa de tu página de Facebook.

Width: ancho de la nueva fanbox. El mínimo es 280px y un máximo de 500.

Height: alto de la fanbox. El mínimo es de 130px.

Además, podrá ver 3 opciones que puedes marcar si quieres mostrar u ocultar la portada de tu Fanpage (esta opción es nueva), mostrar el rostro de los perfiles de tus seguidores y mostrar los post publicados en tu página.

Una vez que tengas todo listo, selecciona el botón “get code” y podrás ver dos códigos diferentes. El primero, como se puede ver en la imagen va justamente después de abrir la etiqueta <body>.



El segundo código debes pegarlo donde quieres que aparezca la nueva caja de Facebook en tu blog. Recuerda que dentro del primero código puedes cambiar el idioma en esta línea:
js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.3";

Guarda los cambios en tu plantilla y listo!

Compartelo!:

13 comentarios:

  1. No tengo etiqueta < body > en mi plantilla de Blogger, entonces, dónde debo colocarla?

    ResponderEliminar
    Respuestas
    1. Hola Nestor
      ¿Tienes captura de tu codigo? Todos los blogs tienen la etiqueta.

      Eliminar
    2. Nestor, es por que la etiqueta es <body
      -Debajo de la linea body pegas el primer código!

      Eliminar
    3. Me dice "Error al analizar XML, línea 706, columna 64: The reference to entity "version" must end with the ';' delimiter." y me señala dentro del primer código de Facebook justo donde termina la palabra "version".

      Eliminar
    4. No copies el primer codigo, busca Javascript del SDK para blogger y usa ese.

      Eliminar
  2. Al colocar el primer codigo en la plantilla me da error! al colocar el segundo como widget html situado en la pagina solo sale un link. ;(

    ResponderEliminar
  3. Me pasa igual que a los compañeros de arriba..

    ResponderEliminar
  4. A mi me pasa lo mismo q a todos :(

    ResponderEliminar
  5. Si os sirve..ya he solucionado el error y me hice un tutorial que publique en mi blog. Un saludo

    ResponderEliminar
    Respuestas
    1. como se llama la entrada en tu blogs??

      Eliminar
    2. Lo mismo que Criss, no encuentro el post.

      Eliminar
  6. Plus500 es un corredor fundado en Israel por seis amigos en 2008, y puesto en marcha en 2009. La idea nació cuando uno de los fundadores, Alon Gonen, trató de realizar “posiciones cortas” a acciones de Microsoft con el corredor más grande de la época, IG Group. Para mas info visite la web!

    ResponderEliminar
  7. Luego intento ponerla! Me ha encantado la ayuda!

    ResponderEliminar

- Antes de hacer una consulta (pregunta), por favor utiliza el Buscador.

- Por favor, cualquier otra pregunta que tengas, la puedes hacer en la entrada correspondiente.

- Haremos todo lo posible por responderte o acusarte recibo antes de 24 horas. A veces, podremos hacerlo, otras veces no será posible, y nos tomará un poco más… ten paciencia.

- Los comentarios que a mi criterio se escriban solo para dejar un enlace o un link seran eliminados.

- ¡Muchas gracias por comentar o por preguntar!