INSTITUCIONAL
COMUNIDAD
BLOG
AYUDA
MI CUENTA
EN PT ES

GX_how to_280

How to: adaptar nuestros sitios desarrollados en GeneXus para las redes sociales

05deAgosto/2011
Martín Oliveri (GeneXus Marketplace – Artech) ofrece una guía práctica para adaptar en Facebook y Google+ sus sitios desarrollados en GeneXus.
La idea de este articulo no es la de convencerlos de tener presencia en las redes sociales o de explicarles los beneficios de estar en ella, sino simplemente explicarles cómo adaptar sus sitios.

Comenzamos por Facebook, ¿qué puede hacer un usuario de Facebook sobre mi sitio?

1) Pegar la URL del sitio, producto o novedad que le parezca interesante en su muro de Facebook para compartirla con sus amigos

2) Hacer un “like” (tengo que tener en mi página el botón de like).

Para ambas acciones necesitamos adaptar el contenido del sitio para que se despliegue correctamente en el muro de la persona (título, foto y descripción). Lo que queremos evitar es la siguiente imagen:




Como ejemplo les quiero mostrar qué es lo que sucede cuando pegamos una URL de un producto de GeneXus Marketplace en Facebook:




Copio la URL de un producto, por ejemplo el scaProgressBar:
http://marketplace.genexus.com/viewproduct.aspx?175 y al realizarse el attach aparece la imagen que luego se convertirá en un post en mi muro.

Para lograr esto hay que agregar en cada WebPanel los datos relevantes mediante la inclusión de Metatags
.
Estos son:

og:site_name -> Para indicar el nombre del sitio, en este caso "GeneXus Marketplace"
og:title -> Es el título de la pagina, en este caso el nombre del producto "scaProgressBar"
og:image -> Para indicarle la foto a mostrar (URL de la imagen)
og:description -> Es la descripción del contenido, en este caso la descripción del producto.

¿Cómo se agregan los Metatags en GeneXus?
En el código del objeto -por ejemplo, en el evento start de un webpanel- agregar:

Form.Meta.AddItem(,)

Estos metatags son los definidos en el "Open Graph Protocol" del http://ogp.me por lo que la incorporación de esta información no solo sería útil para Facebook sino para cualquier aplicación que adapte este estándar.

cGX Facebook Like Buttom

Dado que ya tenemos nuestro producto adaptado para Facebook, quizás nos tentemos de poner en nuestra página el botón Like.

Para esto podemos utilizar el producto cGX Facebook Like Button de CustomGX.

En términos de difusión es una buena opción porque a cada usuario que realice un “Like”, se incrementará el contador y nuestro producto aparecerá en el muro de los usuarios indicando que le ha gustado.

Y como ya le hemos definido los metatags nos aparecerá así:




Ahora le toca el turno a Google+

¿Qué puede hacer un usuario de Google sobre mi sitio?

1) Pegar la URL del sitio, producto, etc. en Google+ para compartirla

2) Hacer un +1 sobre algo

Por ejemplo, para la misma URL si la queremos postear en Google+, queda así:




Google no utiliza los Metatags de OGP, según la documentación de Google, este obtiene el contenido de la propia página. La información que muestra Google+ es:

Nombre -> Obtenido del título de la página
Icono -> Favicon del sitio
Foto y descripción -> Es obtenido de la página (no podemos forzar que foto tomar)

Un truco que encontré y que mejora la elección de la descripción es utilizar el Metatag description, que además Google lo utiliza para generar el texto descriptivo que usa en las búsquedas de Google, yendo a código GeneXus sería:

Form.Meta.AddItem("description",&Description)

Algo similar al Like de Facebook nos ofrece Google llamado +1 (o botón +1), este botón puede ser presionado tanto con la incorporación del botón +1 en tu sitio como también realizando un +1 en las búsquedas de Google.

Para incorporar el botón +1 en su sitio pueden utilizar el User Control scaGoogle+1 de Simplifica Software

Este botón está tomando relevancia dado que Google tiende a que las búsquedas se basen cada vez más en contenido social en lugar de los métodos antiguos como el PageRank.


 
Relacionado
How To GeneXus Smart Devices
Uruguay centraliza toda la información sobre comercio exterior e inversiones en Siicex, un portal desarrollado en GXportal y GeneXus
Curso de Seguridad en aplicaciones GeneXus
GeneXus X Evolution 3 Upgrade 2 Preview 3
GXquery 4.0 Upgrade 3 ¡Liberado!
LightCRM App para Windows Phone, Android e iOS desarrollada con GeneXus X Evolution 3 ¿La probaste?
¡919 certificados GeneXus! #GeneXusLoMejorDe2014
¡64 novedades en GeneXus MarketPlace!#GeneXusLoMejorDe2014
¡33 nuevas apps en el GeneXus ShowCase!#GeneXusLoMejorDe2014
¡23 Casos de éxito! #GeneXusLoMejorDe2014
Certificación SAP con GeneXus ERP Connector and Explorer #GeneXusLoMejorDe2014
GeneXus Cloud Computing #GeneXusLoMejorDe2014
Internet de las cosas #IoT #GeneXusLoMejorDe2014
2014 el año de GeneXus X Evolution 3 #GeneXusLoMejorDe2014
Carnaval Trivia 2015: la app para fanáticos de la fiesta de Momo desarrollada con GeneXus X Evolution 3