Añade Chat, vídeo-llamada, compartir escritorio, compartir Drivea,a tu Blog ... ¡lo último de Google!

Añade "Hangouts" a tu Blog - Chat, vídeo-llamada, compartir escritorio, compartir Drive... ¡lo último de Google!

Google ha realizado una serie de 
cambios en su presentación para 
adecuarse mejor a nuestras necesidades
 del día a día. Estos cambios a nivel 
de presentación han venido acompañados de 
una nueva herramienta de comunicaciones llamada
 "Hangouts".

Aunque "Hangouts" existía con anterioridad, Google esta vez 
querido dotarlo de todo su plantel de herramientas multimedia 
para comunicaciones: Chat (anteriormente Google Talk),
YouTube, vídeo-llamada, Drive, compartir pantalla, etc... 
muchas herramientas para entrar en contacto con nuestros
 usuarios y proporcionarles la ayuda que necesitan.

Podrás mantener conversaciones de vídeo compartiendo la 
pantalla con tus usuarios para poder asistirles visualmente
 "in situ"  y darles el soporte más personalizado. Si no quieres
 "que te vean" tendrás a tu disposición un servicio de 
Chat, de fotografía, la posibilidad de compartir archivos 
directamente entre los Google Drive de los usuarios
 conectados al "Hangout"... la cantidad de posibilidades 
es tan extensa como formas de comunicarse con tus 
usuarios a través de la red existen.

Si quieres incrementar las posibilidades de comunicación 
tus clientes, aumentar la interacción con ellos, atenderles 
vídeo o sólo por chat e incluirlo como un icono de tu Blog, 
este artículo te interesa.

Imagen extraída de http://www.google.com/intl/es_es/+/learn
more/hangouts/ sobre Hangouts

1) Para poder utilizar "Hangouts" de forma "integrada" con nuestro 
blog, es necesario conocer el APP_ID o número de identificación
 que Google nos asigna para utilizar sus APIs
 (Application Program Interface) en nuestros sitios web:

• Esto que puede sonarte técnico, es tan sencillo como hacer "clic" en este enlace y al acceder simplemente copiar el código que Google APIs te asigne. 

• En el menú de la izquierda de "Google apis" encontrarás la sección "Overview", simplemente copia el código que ponga a la derecha de "Project Number" en tu página "Dashboard" (la página que se te ha abierto al hacer clic en la opción de menú Overview).

• No toques nada más en esta página si desconoces lo que activas o desactivas en las diferentes opciones de menú. Sólo necesitas el código de Project Number para trabajar con "Hangouts" en tu Blog.

Imagen extraída de http://www.google.com/intl/es_es/+
/learnmore/hangouts/
 sobre Hangouts

2) A continuación, tienes diversas opciones para hacerlo accesible 
desde tu sitio web. Puedes ponerlo accesible mediante una imagen,
 una opción de menú o una botonera, tan sólo debes saber que el
 enlace para  que tus usuarios puedan abrir el "Hangout" 
desde tu blog para comunicarse contigo se conformará de la
 siguiente manera:

https://hangoutsapi.talkgadget.google.com/hangouts  

/_?gid=APP_ID

Donde la URL para abrir tu 

Hangout será https://hangoutsapi.talkgadget.google.com/ 

hangouts/_?gid= y APP_ID el código que Google te asignó 

en el paso 1) en "Google APIs".

Imagen extraída de http://www.google.com/intl/es_es/+/learnmore
/hangouts/ sobre Hangouts

3) En mi caso, prefiero colocarlo en la botonera personalizada de
 iconos para redes sociales. Te sugiero que si aún no tienes
 hechas esas conexiones a tus redes sociales, realices paso
 a paso la guía que te he puesto.

Para integrarlo en la botonera, añado el siguiente código 

al "Gadget HTML/Javascript" que expliqué en el tutorial 

de la siguiente manera:

La última línea remarcada en amarillo contiene mi enlace a 

Hangout:

<p align='left'> <a href='https://www.facebook.com/connector.connector.7' target='_blank'><img alt='Sígueme en Facebook' height='30' src='https://googledrive.com/host/0Bwgc28XHjPA2OWpfdWU3S2M0M2M/' width='30'/></a>                                        <a href='https://plus.google.com/u/0/107366254177115656174' target='_blank'><img alt='Sígueme en Google+' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2OTZmaW5LY3JPdXM' width='28'/></a>                                        <a href='https://twitter.com/Diariosdelanube' target='_blank'><img alt='Sígueme en Facebook' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2VURFcDVLNlJxTVk/' width='28'/></a>                                        <a href='http://feeds.feedburner.com/diariosdelanube' target='_blank'><img alt='Sigue mi Feed' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2NEVDM2M2blVCa2M/' width='28'/></a>  

<a href='https://plus.google.com/hangouts/_?gid=xxxxxxxxxxxxx' target='_blank'><img alt='Inicia un Hangout' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2QWNrY3UwdzJGQ00/' width='28'/></a></p>

¡Eso es todo!, así queda fijado en tu blog y tus usuarios pueden comenzar a comunicarse directamente contigo.