X
    Categorías: Marketing 2.0

Como poner en tu blog el nuevo botón iniciar hangout de Google

Como poner en tu blog el nuevo botón iniciar hangout de Google
4.4 (88.57%) 7 votes

Google no para de crear e innovar y mejorar sus servicios. Google Hangouts nos ha anunciado el estreno de un nuevo botón para iniciar hangouts con un clic. En el post de hoy te enseñaremos como ponerlo en tu blog desde Posicionamiento Web Salamanca

Para poder establecerse la video conferencia logicamente deberá estar logeado en Google tanto el receptor como el que inicia la videollamada. Hay otras opciones para poder inciar videollamadas con un simple clic como en este caso, pero con el botón oficial de Google tendremos el servicio gratis.

Este botón es bastante interesante ya que con el facilitaremos a nuetros potenciales clientes el poder ponerse en contacto con nosotros de una manera fácil, rápida y sencilla.

También es una forma de generar confianza en tu blog, ya que aunque no lo hagan, los usuarios saben que tienen la posibilidad de ponerse en contacto contigo si alguna vez lo necesitaran en un futuro por cualquier motivo.

Pasos para incorporarlo en mi blog

Aunque Google da cierta info de como hay que hacerlo en la primera parte de crear una aplicación no son demasiado claros.

Asi que empezaremos desde el principio y paso a paso:

Crearemos una aplicación, para ello entraremos en Google console y haremos clic en el botón Create project.

Una vez creada tenemos que ir a la pestaña Apis & auth/APIs y activamos la API Google+ Hangouts API

Después vamos a la pestaña credentials y hacemos clic en el botón create new client ID

dejamos las opciones como están en la captura de pantalla y ponemos la url de nuestro blog donde manrca la flecha de la imagen y clic en el botón crear.

Ahora ya tenemos nuestra client ID,  dejamos la pestaña abierta por que nos hará falta en los siguientes pasos, es la cifra que está seleccionada.

Metodo 2 para conseguir la APP ID

Este segundo metodo para conseguir la APP ID es más sencillo y más rápido.  Por lo que os aconsejo este segundo método.

Primeramente deberemos tener una Página de empresa en Google+, si la tuvieramos deberemos crear una, a continuación:

  • Ingresamos en nuestro perfil de Google+ y vamos a la sección página, elegimos la que preferamos.
  • Vamos a “Inicio” y hacemos clic en “Confinguración” y después en “Servicios conectados”
  • Pulsamos en “Iniciar” y nos devolverá nuestro número de API en Google+

Una vez tenagmos nuestra APP ID conseguida por cualquiera de los dos metodos pasamos al siguiente paso del proceso

Elegir tamaño y copiar el código html

Ahora tenemos que elegir el tamaño de nuestro botón y donde pone APP_ID en el código que hay debajo de cada botón pondremos el ID de la aplicación que hemos creado previamente.

 

79 x 15

<a href="https://plus.google.com/hangouts/_?gid=APP_ID">
  <img src="https://ssl.gstatic.com/s2/oz/images/stars/hangout/1/gplus-hangout-15x79-normal.png"
    alt="Start a Hangout"
   />
</a>


86 x 20

<a href="https://plus.google.com/hangouts/_?gid=APP_ID">
  <img src="https://ssl.gstatic.com/s2/oz/images/stars/hangout/1/gplus-hangout-20x86-normal.png"
    alt="Start a Hangout"
   />
</a>


24 x 100

<a href="https://plus.google.com/hangouts/_?gid=APP_ID">
  <img src="https://ssl.gstatic.com/s2/oz/images/stars/hangout/1/gplus-hangout-24x100-normal.png"
    alt="Start a Hangout"
   />
</a>


60 x 230

<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>

Como insertar ahora el botón inciar hangout en nuestro blog

Una vez elegido el tamaño ideal para nuestro bog el siguiente paso en selecconar el código que hay debajo y copiamos, luego pegamos en un archivo de texto en blanco, luego vamos a la pestaña que dejamos abierta y copiamos el ID.

Ahora cambiamos donde pone APP_ID en la porción de código que hemos dejamos en el arvhivo de texto. Bien, ya tenemos el código que hay que insertar.

El siguiente paso es dirigirnos al panel de control de vuestro blog. Como se que la mayoria de vosotros usais wordpress pra vueestros blog os explcaré como se hace en esta plataforma, aunque seguro que tu esto ya lo sabes, puede haber otros lectores que tenagn un nivel más básico.

Vamos a la pestaña apariencia en nuestro panel de control en wordoress, despues a widgets. Ahora escogemos uno de texto y lo colocamos en la zona del blog donde queremos que aparezca, le pegamos nuestro código y guardamos

Ahora ya solo queda mirar el resultado y ver como nos ha quedado. En mi caso lo podéis ver en la pate izquerda, (sidebar) debajo del botón contacta conmigo.

¿A ti tambien te parece una bueba idea poner el botón iniciar hangout en tu blog?

JesusLopezSEO :Consultor SEO, Webmaster y Communty Manager, CEO & Founder de seosalamanca.com, seovalladolid y más Blogger y alguna sigla más, apasionado del 2.0 . Sigue a Jesús López en Twitter o lee el blog.