Diarios de la nube Idea guardada 1 veces
Sé la primera persona en valorar esta idea Valorar

Cómo utilizar Google Hangout en tu Blog

Hangout logo de Google


Prográmalo en un calendario, mételo en tu Blog, difunde tus contenidos de una nueva forma. Las posibilidades son infinitas: Comunicación en directo con tus usuarios, presentaciones en directo con difusión mundial en tiempo real, a través de Google+ y Youtube. Descubre la potencia que hay detrás de esta "herramienta" de Google creada para difundir más allá de tu Blog tus contenidos.
Con motivo del estreno en Google Developers del botón oficial para los Hangouts, voy a explicarte cómo aprovecharte de esta magnífica aplicación en tu Blog para crear una experiencia de comunicación total con tus usuarios.
La utilización de los Blogs como medio de comunicación multi-media ha generado para muchos creadores de esta clase de sitios web nuevas oportunidades de negocio.

Google, con este propósito lanzó al mercado los Hangout. Una aplicación web que integra chat, vídeo en vivo, compartición de datos y documentos en tiempo real entre otros aspectos.
En Diarios de la nube hemos tratado con anterioridad cómo retransmitir eventos en directo de diversos canales y temáticas que pudieran enriquecer nuestros contenidos o servir de espacio de encuentro en un Blog. La utilización de servicios de streaming que permitieran darle valor añadido a nuestros contenidos.
Hoy vamos a dar un paso más allá y vamos a explicar cómo retransmitir en directo y en nuestro propio Blog sesiones de Hangout en vivo con nuestros usuarios. Vamos a combinarlo con la progrmación de eventos en calendario de manera que tus consumidores puedan conocer de antemano tus sesiones en vivo para conectarse y planificar diversas formas de interacción.¿Qué es un Hangout?

Si nos dejamos de complicaciones técnicas, hacer un Hangout es establecer una comunicación multi-medio con uno o varios usuarios a través de la aplicación web creada por Google a tal efecto. El hangout puede ser de vídeo en tiempo real o puede ser de texto (chat del estilo del "antiguo" Google Talk). 
Durante el Hangout los usuarios pueden compartir incluso archivos o información de toda clase residente en Google Drive o de Google Docs.
El Hangout, cuando es un evento en vivo, se puede retransmitir desde la propia herramienta de Google, en Youtube y en las webs donde copies su código "embed" (embebido), todo en tiempo real.
El evento puede guardarse y editarse después en Youtube.
Puedes ofrecer Hangout en Google+ con los usuarios de tus círculos o en público.Un ejemplo de botón embebido en página web para iniciar un Hangout:

Este es un ejemplo de los nuevos botones oficiales que Google ha creado para utilizar el servicio de Hangout en una web.

¿Qué posibilidades me ofrece la utilización de Hangouts?

Las posibilidades de utilización de esta tecnología son mucho más amplias de lo que "a priori" podemos pensar. En el Hangout no sólo hablas tú, pueden hablar y participar en él todos los usuarios que se conecten, compartir escritorio, documentos y presentaciones... hay miles de aplicaciones prácticas para nuestros blogs, contacto con clientes, presentaciones en directo, cursos interactivos, reuniones privadas o públicas... los usuarios podrán conectarse desde sus terminales móviles, ordenadores, tablets, en cualquier punto donde se encuentren siempre que tengan conexión a Internet.
Ahora incluso podremos difundir nuestro Hangout en Directo por Google+, un paso adelante en las herramientas sociales. Te recomiendo visitar esta nueva forma de herramienta social que combina la potencia de Google+ a la vídeo-conferencia en directo.¿Qué debo tener en cuenta antes de usar el servicio?

Nunca me canso de repetirlo y es algo que debería hacerse siempre en Internet, pero debes leer la política de privacidad, las condiciones del servicio y la política de conducta antes de comenzar a utilizarlo. 

Paso a paso - Aprovecha los Hangouts en tu Blog:

Imagen de Hangout de la página de Google.

Imagen extraída de http://www.google.com/intl/es_es/+/learnmore/hangouts/ sobre Hangouts
A) Incorpora a tu Blog un botón para Hangout:

1) Para poder utilizar "Hangouts" de forma "integrada" con nuestro blog o página web, 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. 
consola de API de Google


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.
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. En Google Developers ofrecen el script para poder añadir el botón de hangouts para tu Blog:Cuentas con botones de diversos tamaños 79x15, 86x20, 24x100, 60x230. El script es muy sencillo:  <a href="https://plus.google.com/hangouts/_?gid=APP_ID" >
  <img src="https://ssl.gstatic.com/s2/oz/images/stars/hangout/1/gplus-hangout-60x230-normal.png"  alt="Start a Hangout"  />
</a>
Donde pone  gid=APP_ID debes escribir el código de aplicación que Google te suministró tal como te expliqué en el paso 1).  
Por último, aunque en la página de Google Developers puedes seleccionar el código con los tamaños de los botones, deberás cambiar el tamaño de la lista que te proporcioné antes del código por el que deseas utilizar, en el ejemplo de código que te he puesto, el ancho del botón es de 230 píxeles por 60 de alto.

3) Puedes ponerlo en tu Blog en una botonera personalizada de iconos para redes sociales. O añadirlo en un Gadgets HTML/Javascript para colocarlo en una barra de menú lateral. Dentro de Blogger en la opción "Diseño" selecciona "Añadir Gadget" donde prefieras y escoge"Gadget HTML/Javascript" para ponerlo donde prefieras.
Gadget HTML/Javascript


 B) Incorpora un Hangout mediante un calendario programado

1) Confecciona en Google Calendar tus planes, en primer lugar accede a Google Calendar:
Una vez dentro de Google Calendar, en la parte izquierda de la página, selecciona la "flechita" para "Crear un nuevo calendario". Si no lo haces, estarás publicando tu calendario personal. Atentos a esto porque si utilizas un Smartphone y haces anotaciones en el calendario, estás subiendo dichas anotaciones al calendario de tu perfil de GMAIL. Por ello, para el blog debes crearte un calendario nuevo (de manera que las personas del Blog no vean tus citas y recordatorios privados).
Google Calendar


Al pulsar "Crear nuevo calendario" te aparecerá una página como la que puedes ver en el inferior.
Programando evento hangout en Google Calendar


Introduce un nombre para el calendario.
Una descripción aclaratoria de lo que va a contener ("Actividades del Blog tal...")
La ubicación de dónde se desarrollarán las actividades del calendario (opcional).
La opción de hacerlo público (no es necesario para publicar en Blog): lo bueno de esta opción es que en los resultados de búsqueda de los usuarios de Google, bajo el Blog, aparecerán los eventos señalados.
Por último pulsa el botón "Crear Calendario".
Al crear el calendario, saldrás a la página principal de Google Calendar de nuevo. Procura seleccionar a la izquierda, haciendo "clic" sobre él, el nuevo calendario que has creado (de lo contrario, trabajarás con el calendario personal de tu perfil de Google).
Evento para hangout


Creando eventos en el calendario para el Blog
2) Sobre tu nuevo calendario creado, si haces clic en cualquier celda del mismo o pulsas el botón rojo "Crear" se te presentará la pantalla para añadir un evento nuevo rápido, con las opciones básicas y mínimas para el evento..
creando evento hangout en Google Calendar


Si pulsas el botón rojo de la parte superior derecha llamado "Crear", Google Calendar te permitirá crear eventos con muchas más opciones que los eventos básicos. Lo mejor es que en el lado izquierdo de la pantalla selecciones la "flechita" de tu calendario y en el desplegable que sale pulses sobre la opción "Crear evento en este calendario" para asegurarte que lo estás creando en tu calendario para el Blog y no en el tuyo personal.
Hangout para tu Blog


Creando el Hangout en vivo para tu calendario:
Rellena los datos de la página de creación de eventos y atento a las opciones que aquí tenemos, algunas son muy interesantes:
Introduce el nombre del evento.
La fecha y hora en la que se producirá.
El lugar donde se producirá el evento. Aquí puedes incluso meter una URL de Google Maps donde configures el itinerario para llegar al sitio, o el propio itinerario del evento.
Si quieres realizar un Hangout , sólo tienes que seleccionar la opción a tal efecto en esta página. Te permitirá realizar un Hangout en el que quedar en vivo con los usuarios de tu Blog. aquí todo depende de cómo decidas configurarlo. Esto viene genial para Blogs de formación, presentaciones en directo, contacto con tus clientes, etc...
Después configura el color con el que quieres que aparezca el evento en el calendario y las opciones de privacidad
Al crear el evento volverás al calendario principal. Asegúrate de volver a hacer "clic" en el menú izquierdo en el calendario que has creado para tu Blog para poder ver el evento generado.
Preparando el calendario con el Hangout en vivo para integrarlo en tu Blog
3) Una vez termines de introducir todos los eventos deseados, debes preparar el calendario para integrarlo en Blog. Para ello, en el menú de la izquierda, haz "clic" sobre la "flechita" desplegable al lado del calendario que creaste para el Blog y pulsa sobre la opción "Configuración de calendario".
hangout programado


Te saldrá la página de configuración de calendario. En este punto es fundamental fijarse en la sección inferior donde pone "Incrustar calendario". A la derecha de la opción debemos copiar el código que habrá que pegar posteriormente en Blogger.
configuración de calendario hangout


Después en Blogger podrás establecer si quieres un tamaño mayor o menor para el calendario.
Insertando tu calendario de eventos con el Hangout en Blogger
4) Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.
Pantalla de diseño en Blogger


 En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el calendario y selecciona el Gadget "HTML/Javascript".
Selección de gadgets en Blogger


Añade el código fuente que recuepraste de la configuración de tu calendario en Google Calendar, dentro del paso 3 de "Incrustar calendario".
código en HTML/Javascipt


C) Mediante la creación de un Hangout en vivo y su posterior adición del código EMBED en tu Blog:

En este punto vamos a ver paso a paso cómo crear un Hangout en vivo y añadir el código EMBED a nuestro Blog.
1) En la página principal de tu perfil de Google+, mueve tu ratón a la izquierda del todo para que se te presente el menú general de Google+. Selecciona la opción "Hangouts en vivo". Se te presentará la página para enlazar con Youtube tu perfil de G+.
comienza un hangout


2)  Tendrás que unir tu perfil youtube al perfil de G+ para así disponer de los vídeos y la difusión en directo de tu evento.
empezando un hangout


3) Una vez unida tu cuenta G+ a Youtube puedes y comenzado a restransmitir tu hangout o justo antes de comenzar a hacerlo, puedes pulsar sobre la opción "Embed" y extraer el código fuente que almacenará el visor del Hangout para que lo pongas disponible en tu Blog. También puedes extraer el código "Embed" de tu canal de Youtube por donde también se retransmitirá el Hangout.
4) Para insetarlo en tu Blog, dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.
Dieseño en Blogger


 En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el Hangout y selecciona el Gadget "HTML/Javascript".
Lista de gadgets en Blogger


Añade el código fuente que recuperaste de la configuración de tu Hangout:
Código en gadget html/javascript en Blogger


 ¡Eso es todo!, ahora ya podrás difundir tus contenidos en directo, ir más allá del Blog.
Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generalpropuestas

Recomendamos

Relacionado

propuestas

Cómo utilizar códigos QR en tu Blog

La utilización de los códigos QR para almacenar información de cualquier clase se ha ido expandiendo con el paso del tiempo hasta el punto de convertirse en algo habitual. Cualquier empresa que se precie, tiene sus código de identificación QR para almacenar datos útiles para los clientes que lo necesiten. Su expansión se debe a su enorme capacidad de alcance, dado que en apenas unos pocos bits de ...

internet blog google plus ...

WORDPRESTEANDO: Consejos para mejorar tu blog con Google+ (by @maxcf)

Hola a tod@s :) Ya estoy por aquí de nuevo. Tras los atracones navideños vuelvo a la carga con mis trucos y recomendaciones. En el primer post de 2015 en WordPresteando os voy a dar una serie de consejos para mejorar vuestro blog con Google Plus: conseguir más seguidores o tener más visibilidad, por ejemplo. Como ya sabréis, Google+ es la red social del gigante Google, y ya que es el buscador que ...

general social

¿Cómo puede ayudar Google+ en el posicionamiento?

Google+, la red social de Google, tiene un potencial incuestionable en el posicionamiento de tus contenidos. Es la única red social plenamente integrada en un buscador. De todas las herramientas que Google pone a tu disposición, Google+ es una de las que más activamente pueden ayudarte en el posicionamiento. Descubre los elementos con los que Google+ puede ayudarte en el posicionamiento y sácale e ...

general google+ redes sociales

Quinto día de la iniciativa Google+

Bueno, hoy toca la última entrega de las lecciones de Ros en la iniciativa de grupo para aprender a usar Google+. Ros nos va a hablar de los hangouts. Pero antes quería aprovechar para dos cosas: 1) Una de las ganadoras de la plaza para participar en el hangout con Ros y conmigo no ha aparecido, así que he sorteado una plaza más En este caso ha salido elegida Sabrina Fareleski Chiralt. Por favor ...

BLOG community manager emprendedores ...

Cómo organizar y grabar un Hangout en directo con Youtube

Últimamente el contenido en formato vídeo está pisando fuerte en internet y parece que forman una parte imprescindible dentro de la estrategia de marketing de grandes blogs. No me preguntes porqué, yo sigo intentando entenderme con ellos y no termina de convencerme. Pero es lo que dicen las estadísticas y los datos nunca mienten. Como te decía, los vídeos no me gustan demasiado. Ni para cursos ni ...

general seo

Cómo desautorizar enlaces a nuestra página web en Google

En Internet pueden existir sitios web que enlacen al nuestro y afecten negativamente a nuestro posicionamiento. Unas veces por provenir de sitios de dudosa reputación u otras por ser directamente páginas generadoras de SPAM, el control periódico de los enlaces que apuntan a nuestro sitio web es importante. ¿Cómo enlaza un sitio web a otro en Internet? Es muy sencillo, desde una dirección externa a ...

paypal play store messenger

Cómo agregar Paypal a tu Google Play Store

Paypal ya es un método de pago en Google Pay, pero pronto podrás usarlo en Google Play, Messenger y YouTube. Así es como. Usar PayPal para comprar cosas con Google Pay no es nada nuevo. Esa asociación específica se anunció hace más de un año, pero las dos empresas decidieron recientemente ampliar su asociación. A partir de este año, usted podrá utilizar PayPal en Google Play, YouTube y gmail. He a ...

móviles android google ...

Google regala 2 Gb de almacenamiento en Google Drive

Google, coincidiendo con el día mundial de Internet seguro, quiere mejorar las políticas de seguridad de su aplicación de almacenamiento en la nube, Google Drive. Para incentivar que los usuarios mejores la seguridad de su cuenta de Drive, Google va a regalar 2 GB de almacenamiento que se añadirán a los que ya disponemos. Para poder optar a estos GB extra de almacenamiento, deberemos acceder a est ...

Blogging Cómo Indexar Un Blog o Sitio Web En Google y Aparecer En Sus Resultados? Guía y Tutoríal Para Indexar Indexar Tus Sitios ...

Cómo Indexar Un Blog o Sitio Web En Google y Aparecer En Sus Resultados?

Guía y Tutoríal Para Indexar Indexar Tus Sitios Web En Google y Otros Buscadores La verdad es que muchos emprendedores tienen problemas para indexar sus sitios web, incluso no tienen ni idea de qué hacer o de que tengan que hacer algo. Por más ilógico que esto suele (para los que saben algo de SEO), es cierto que la gran mayoría de personas con un sitio en Internet ignoran todo o casi todo sobre p ...

general social

Cómo insertar una publicación de Google+ en tu web

Una publicación e Google+ no es simplemente un mensaje que se comparte en una red social para que lo lean nuestros seguidores. Muchos creadores de contenidos web han descubierto la ventaja en materia de posicionamiento que supone utilizar esta red social. Al encontrarse plenamente integrada con el buscador, ambos forman una sinergia de la que ninguna otra red social del mundo dispone. Los "po ...