Categorías: Marketing 2.0

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

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?

4.4
07
JesusLopezSEO

Entradas recientes

Google cambiará el seguimiento de los enlaces nofollow

El más reciente anuncio del buscador movió a todo el mundo SEO y es que Google cambiará el seguimiento de…

2 días hace

Cómo las personas recurren a los vídeos antes de comprar

Antes de tomar la decisión si adquirir un producto o contratar un servicio las personas normalmente realizan una investigación que…

1 semana hace

Conoce cómo el NPS puede ayudar a tu negocio

Medir la satisfacción del cliente o el Net Promoter Score es primordial para la fidelización. Es esta ocasión desde Posicionamiento…

2 semanas hace

Cómo aumentar el ROI de tu estrategia de marketing digital

Existen ciertos elementos que debes tomar en cuenta al momento de llevar a cabo cualquier plan de mercadeo online. Y…

3 semanas hace

Cómo ayuda la inteligencia artificial al marketing digital

En Posicionamiento Web Salamanca queremos contarte cómo ayuda la inteligencia artificial al marketing digital. La IA despierta muchas opiniones distintas,…

1 mes hace

Estrategias SEO para vender más en Amazon

Aprende a optimizar tus productos con estas estrategias SEO para vender más en Amazon. Los principios para conseguir una buena…

1 mes hace