Como poner un gadget de tu página de Facebook en tu blog
Como poner un gadget de tu página de Facebook en tu blog
La caja con tu página de Facebook para seguir es imprescindible para tu blog, este widget anima a la gente que visita tu blog a unirse a tu fanpage y se instala en un tris.
Este tutorial sirve para Blogger, blogsport, wordpress, html… vamos que puedes insertarla en casi cualquier parte que permita la inserción de HTML …hasta en los correos puedes poner algunos modelos de caja de seguidores.
Promocionar nuestros blogs y conseguir que tengan mejores visitas desde las redes sociales es un reto que debemos tomarnos muy en serio para mejorar la presencia de nuestros blogs en internet:
Aunque Facebook no trate bien a las páginas de vez en cuando desarrolla cosas para ellas.
Este post sobre motivos para pasar de facebook …
Esta manera de promocionar la fanpage me parece muy acertada porque atrae al público del blog, que es más posible que interáctue con tus post y cree mejor comunidad que el tráfico que proviene de concursos de Facebook y tags.
Vamos a elegir el diseño de la caja de nuestra Fanpage de Facebook:
Lo primero que tienes que hacer es ir a Facebook developers, esta es la parte de Facebook dónde configuramos aplicaciones y obtenemos los permisos para que determinados plugins puedan acceder a la API de Facebook.
En Facebook developers verás la cantidad de plugins que tiene Facebook diseñados para que los usemos en cualquier blog, sin tener que andar haciendo experimentos.
https://developers.facebook.com/docs/plugins/page-plugin
Debes poner el nombre de la página y elegir los parámetros que se ajusten a lo que quieres, por ejemplo en ancho y el largo de la caja que aparecerá, porque no es lo mismo ponerla en un lateral que en una página.
Existen varias opciones y si tu blog tiene vistas dinámicas debes buscar una opción que es la de ancho variable para que se adapte mejor.
No es nada complicado, por suerte Facebook tiene diseñados varios modelos de cajas para que elijas la que mejor se adapta a lo que necesitas.
Sólo tienes que elegir y cambiar algunos parámetros si te apetece y tendrás el código html para colocarlo en cualquier parte de tu blog o web.
Primero elige el modelo de widget de Facebook que quieres poner:
En este caso es una caja de página de facebook muy completa: muestra el timeline de los últimos post de Facebook y algunos seguidores, no la recomiendo porque carga bastante y si tienes publi puede ser un embrollo visual.
Si le quitas la opción de timeline queda mucho mejor.
Esta es la caja clásica de me gusta y compartir de Facebook, esta es de las más usadas, sirve para captar seguidores de la página de forma sencilla.
Un diseño que gusta mucho y que es de los que más suscriptores enganchan es el que muestra las miniaturas de las fotos de los amigos a los cuales les gusta esta página de FB.
Esta es otra variante muy pesada de cajas para los laterales, no lo recomiendo a no ser de que en tu página Facebook tenga mucho peso social, dado que ralentiza mucho la carga de página y no es precisamente de las más atractivas visualmente.
Dentro del código puedes cambiar parámetros de las propiedades que puedes variar facilmente en el código para hacer tu caja más personalizada.
Colocación de la caja de me gusta o seguir en Facebook
Una vez dado obtener código te mostrará una parte como esta que es en la que aparece el SDK y el javascript separado del html.
La primera parte del código la tienes que insertar en tu plantilla antes de la etiqueta <body> y la segunda desde la vista html en el lugar dónde quieras que aparezca la caja de seguidores.
La vista que más recomiendo por su sencillez es la que nos propone en el código la segunda pestaña
Esta es ideal para wordpress y blogspot ya que pegas el código en el widget de texto y ya tienes funcionando la vista de me gusta esta página de Facebook y es muy fácil, se tarda un minuto y queda así de chula:
Espero que te haya gustado y que te animes a colocar tu captador de likes para tu fanpage, si tienes dudas comenta, y si te ha gustado comparte!
14/02/2017 @ 12:12 am
Muchas gracias por este post, hace unos días me preguntaba como poner in recuadro de facebook para que den a me gusta.
Mi blog aún es muy pequeño y lo estoy arreglando poco a poco con tutoriales, me gusta poner los gadgets de blogger por mí misma para que quede diferente al resto.
Me gusta la caja en la que aparecen los amigos de la página porque la veo más útil al tener gente que conoces es más fácil que des me gusta.
Muchas gracias y un abrazo
07/04/2017 @ 11:36 pm
muchas gracias por la informacion. Pero tengo una duda porque lo he puesto pero no sale el boton compartir.
10/10/2017 @ 12:12 pm
Pues a mi no me funciona y ya llevo horas vistando webs y todo y NADA
10/10/2017 @ 12:55 pm
He denunciado los indultos de los siguientes post a la policia, que sea incapaz de hacer algo por ti mismo no es excusa para que amenaces a mujeres.
Espero que te sirva de lección
11/10/2017 @ 3:46 pm
Hola, muy buenas.
Muchas gracias por esta entrada. Mi pregunta es que sigo todos los pasos, pero cuando guardo el gadget en blogger, me aparece en portugués, en vez de en castellano, en el blog. En vez de «me gusta», me aparece «curtiu». Me preguntaba si sabes por qué puede ser esto.
Un saludo.
11/10/2017 @ 10:12 pm
Hola te pongo un ejemplo del código que obtienes :
*****
Ahí ves que hay una línea que es esta: js.src = «//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.10&appId=El ide de tu página»;
El idioma es este: es_ES
A ti te debe estar apareciendo en esa línea otro código pt_PT creo que es lo que te pondrá.
16/12/2017 @ 12:00 am
Hola, no se si me podes ayudar, lo que me pasa es que al poner la caja para que le den MG y compartir en un gadget me queda debajo de los comentarios 😐
29/10/2019 @ 12:57 am
Me ha gustado tu post y de hecho me ha servido bastante. Mi blog es pequeño pero ahí la llevo poniendo cosas útiles.
Gracias y bendiciones!!