Globedia.com

×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Cesarromero escriba una noticia?

Como colocar barra de recomendación de Facebook en Blogger

29/12/2012 19:55 0 Comentarios Lectura: ( palabras)

Si deseas aumentar las visitas de tu página web ó blog, entonces Facebook Recommendation Bar podría ser una buena opción para tí. El plugin se muestra en forma pop-up en la esquina inferior derecha de la página y sugiere los artículos más populares y útiles de tu sitio web a la audiencia. Actualmente tengo este plugin instalado en mi blog, y pueden verlo en la esquina inferior derecha. Este luce así:

image

Facebook Recommendation Bar

Si ya utilizas el código Open Graph de Facebook en tu sitio para integrar los comentarios de Facebook, los botones "Me gusta" , las cajas "Me gusta" , entonces añadiendo una sola línea de código después de tu contenido activará la barra de recomendaciones de Facebook en tu sitio.

En el caso de Blogger, si desean añadir este plugin sigan estos pasos :

1.- Primero deberán crear una aplicación en Facebook para que obtengan su ID. Ingresan a su cuenta de Facebook y luego ingresen a Facebook Developers Create App y aceptan los permisos de la aplicación.

2.- Dan clic en el botón "Crear aplicación" , en la esquina derecha superior de la página:

image

3.- En la ventana que aparece, escriben un nombre que vaya con su blog (uno válido y disponible). Ejemplo: EvolucionFB, en mi caso y hacen clic en "Continuar" :

image

4.- Luego escriben el texto captcha y hacen clic en "Aceptar" . Ahora sólo esperan un momento y con eso ya habrán creado su ID Api de Facebook . El número que ven junto a "App ID" es su ID de la aplicación que crearon.

image

5.- Ahora necesitamos configurar la aplicación. Baja la página y en donde dice "Website" colocan la URL de su blog, incluyendo el slash al final.

Ejemplo: Http://www.evolucionfacebook.com /

image

6.- Para finalizar hagan clic en el botón "Guardar cambios" abajo.

Copien su ID que vimos anteriormente y resérvenlo a un lado.

7.- Ahora nos vamos a Blogger > Diseño > Edición de HTML y buscamos el siguiente código presionando las teclas seguidas Ctrl F

8.- Y justo debajo (después) de ese código, pegamos el código XFMBL

9.- Ahora reemplazamos el APP_ID por el ID de la aplicación que creaste.

10.- Antes de guardar los cambios , necesitamos añadir un código META para que funcione. Busca el siguiente código en tu plantilla:

Justo debajo de esa etiqueta, agregamos la etiqueta META :

11.- Para finalizar, colocan cualquiera de estos dos plugins en donde quieran que este aparezca en su página. El primero es "Recomendar" y el segundo "Me gusta" respectivamente:

El plugin por defecto irá a la esquina inferior derecha de la página. Si desean que vaya a la izquierda, entonces utilizan cualquiera de estos dos. El primero tiene el botón "Recomendar" y el segundo "Me gusta" :

Tienen la opción de añadir la URL de su blog. Para ello utilizen cualquiera de estos dos códigos en vez de la anterior y reemplazen lo que está resaltado de amarillo por la URL de su blog. El primero es si desean mostrar el botón que diga "Recomendar" ó el segundo si desean el "Me gusta" :

http://www.evolucionfacebook.com/ '/>

http://www.evolucionfacebook.com/ '/>

Con eso ya tendrán el plugin funcionando en su blog.

Si desean añadir más opciones al plugin, ingresen a la página de desarrolladores de Facebook - Recommendation Bar .

image

Allí tienen más opciones. Por ejemplo...

En "URL of the article" , pueden colocar la URL de un artículo específico.

El "Trigger" es la forma en que se lanzará el plugin, por defecto está en onvisible; pero puedes seleccionar el valor X% ó Manual.

En "Read Time" pueden poner el tiempo que deseen hasta que aparezca el plugin pop up. Por defecto está en 30 segundos, lo cual quieres decir que pasados los 30 segundos en tu página, la barra de recomendación aparecerá en tu sitio.

En donde dice "Verb to display" escogen si quieren que el botón diga "Me gusta" (Like) ó "Recomendar" (Recommend).

En donde dice "Slide" , es el lugar donde el plugin se mostrará. Puede ser al lado derecho (right) ó izquierdo (left)

En "Domain" , pueden colocar si desean la URL de su sitio, tal y como lo muestra la imagen .

Después de haber configurado el plugin según sus preferencias, hacen clic en "Get Code" para obtener el código.

image

En este caso los números 1 y 2 de la imagen se agregaron si seguiste los pasos de este tutorial. Ahora sólo para aplicar el plugin con las opciones que elegiste, sólo reemplazen el código del paso número 11 de este tutorial por el número 3 de la imagen de arriba, y eso sería todo.

Fuente: Evolucionfacebook


Sobre esta noticia

Autor:
Cesarromero (794 noticias)
Fuente:
ejercitoantivirus.blogspot.com
Visitas:
679
Tipo:
Reportaje
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Etiquetas
Empresas

Comentarios

Aún no hay comentarios en esta noticia.