Como conseguir un código QR de tus post para insertarlos en tu blog

, ,

Como conseguir un código QR de tus post para insertarlos en tu blog

Como conseguir un código QR de tus post para insertarlos en tu blog

Vamos a generar de manera sencilla códigos QR para que se muestren en en cualquier lugar dónde los queramos insertar.

Los códigos QR facilitan acceder a páginas webs y a obtener datos sin tener que escribir, esto es muy cómodo cuando quieres promocionar tu blog o contenido en otros canales como es el impreso.

Cada vez usamos el teléfono para todo, a mí me ha cambiado la vida porque puedo trabajar mucho desde él, una de las aplicaciones que más me gustan son los scanner de códigos QR porque permiten leer información sin teclear.

genera tus codigos QR

En el post de hoy es un truco rápido que te va a encantar porque es muy fácil.

Los códigos QR y los códigos Bidi han ganado mucha popularidad porque pueden almacenar e insertar información de manera muy rápida y sin esfuerzo.

Por ejemplo el caso de las Vcards; códigos que al escanearlos te facilitan la dirección, teléfono, correo… por lo que cada vez aparecen más en las tarjetas de visita y te lo insertan en tu libreta de contactos.

Si decides hacerte una tarjeta de visita para tu blog hazla con Vcard incorporada porque así de un vistazo te añaden a la libreta.

Este post se me ocurrió el otro día visitando una web de muebles austriaca que era impronunciable, en es momento iba a mandársela a mi compi por wassap pero imposible escribir eso, desistí…

Es una situación que me ocurre muy a menudo ver un post y querer mandarlo por wassap o llevármelo al móvil para leerlo en el salón, pensé:

“Oye un código QR les vendría muy bien a mis lectores para enviar post por wassap o llevarse vídeos o podcast al teléfono” .

cambiar-el-icono-y-el-color-del-navegador

Como Google tiene de todo, hace tiempo encontré el filón de las gráficas de Google que me ayudan mucho en mi trabajo a representar datos y ahí recordaba que había un generador de códigos bidi o QR.

Los códigos Quick Response son de Denso Wave Incc, en realidad son códigos de barras que almacenan información y su lectura es rápida.

Su web es esta: http://www.qrcode.com/en/

Por qué me parece mejor generarlos nosotros y no acudir a aplicaciones.

  • A parte de que verás que es más fácil generar tu QR sin necesidad de registros.
  • Vamos a crear un código estático que siempre apuntará a nuestro post, algunas aplicaciones usan dinámicos que son fáciles de piratear.
  • Las páginas de generadores pueden tener una temporada gratuita y otra de pago.
  • Yo los hacía siempre con InDesign que tiene la opción de crearlos pero para web esto es más fácil.
  • También conseguir nuestro código QR es bueno para el SEO dado que algunos de los metadatos se indexan, como ocurre con lo PDF.
  • Son una forma de atraer más lectores y promocionar tu contenido.

creacion de contenidos

Para generar el código estático de nuestro post vamos a usar una aplicación de Google Developers que es Charts, dispone de muchas funciones pero esta es verdaderamente útil.

Developers Google Charts

Vamos a conseguir un código QR de tus post

Vamos a utilizar la api de Google developers charts para crear un código QR para dirigir a una web o a un post determinado.

La estructura del enlace que nos proporciona un código QR mediante la api de Google es esta:

https://chart.googleapis.com/chart?

A esta dirección se le pasan varios parámetros por el GET para que nos muestre el render de nuestro código, con esto vamos a construir una dirección web diferente que se pinta en nuestro blog.

genera tus codigos QRpara tus post

Importante no dejar espacios, hacerlo a mano está muy bien porque al copiar código cuándo hay el signo ampersand “&” ehh a que no sabías que se llamaba así el “and” lo transfoma en “&” y no funciona, por eso recomiendo usar editores de texto plano.

Como verás cada parámetro esta separado por el signo =

Para que te genere el código de tu post  tienes que dar varias variables que son obligatorias:

La primera las medidas que quieras dar al código, y la URL a dónde quieres que lleve el código, también puedes especificar la calidad o la codificación del idioma pero por defecto es UTF8 no tenemos problema, es la nuestra.

Esta sería la matriz a la hora de añadir datos.

https://chart.googleapis.com/chart?chs=250×250&cht=qr&chl=URL

Medidas de los códigos QR

Las medidas son muy importantes, aunque luego al darle formato puedes escalarlo pero no lo recomiendo porque pierde precisión.

Para web el mínimo tamaño es 150×150 he puesto 250×250 píxeles porque creo que así es más fácil leer el código QR y no es un tamaño muy escandaloso.

chs=250×250&cht

Apuntando a la página de destino del código QR

Luego sigue la URL de la imagen, imprescindible para que podamos ver el render de nuestro código QR, pon la ruta absoluta con el https.

qr&chl=https://yoblogueo.com/acceso-directo-blog-movil-minuto/

Esta sería la dirección que hemos construido, luego copias y pegas más adelante, esto es para que entiendas de dónde salen las cosas.

Si la copias y la pegas en la barra de direcciones del explorador te envía al código QR que hemos generado para la página, de ahí lo puedes descargar como una imagen.

https://chart.googleapis.com/chart?chs=250×250&cht=qr&chl=https://yoblogueo.com/acceso-directo-blog-movil-minuto/

Esta es la versión para insertar por ejemplo en cualquier lugar de la entrada, le puedes dar la medida que quieras tanto al código como el tamaño que quieres ver.

Puedes añadir los atributos alt y title como si de una imagen se tratase, ojo a mano.

<img src=”https://chart.googleapis.com/chart?chs=150×150&cht=qr&chl=https://yoblogueo.com/acceso-directo-blog-movil-minuto/” width=”250″ height=”250″ alt=”Código QR” title=”Como hacer un acceso directo a tu blog en tu móvil en un minuto”>
Código QR

Espero que te guste el truco rápido y lo vea en muchos blogs por aquí, no es mala idea tener códigos de la newsletter a mano o de los post más interesantes y pegarlos por ahí, es medio broma.

cuéntame para que usas normalmente los códigos QR y si te ha parecido útil.

 

comentarios

Leave a Reply
  1. Hola!
    Que yo los usaba pero tal vez como no es una empresa en si mi trabajo en línea pues no vei buen resultado el tenerlo pero sin duda es una buena marca que deberíamos poner en nuestro trabajo, es estar en la vanguardia con la tecnología y así le damos uso a tantas aplicaciones que existen para leer códigos.
    Saludos.

  2. Esto creo que es demasiado para mi blog. Aparte de que nunca he utilizado un código midi en mi vida, porque siempre me han dicho que para utilizarlos hay que pagar. Así que no creo que aprenda a poner eso en mi blog.

  3. Madre mía!! Vaya idea, jaja. Mira que yo soy un poco reacia a los Qr pero reconozco que está a la orden del día y hay que ir actualizándose. He leído la forma de cómo hacerlo pero necesito mi tiempo para asimilarlo y estar en el ordenador para ir paso a paso. Y no había caído en lo de mandar los post por whatsapp, es buenísimo. Muchos amigos me siguen en redes pero sus mujeres (el público que mayoritariamente abarcó) no tienen, y así es una forma de reenviárselo para ponérselo más fácil y que me lean también ellas. Jaja, que guay. Gracias una vez más por tu sabiduría. Besos

    • Hola Ruth! lo de mandar post por wassap es tremendo porque se comparten bastante, hay mucha gente que no tienes redes pero si wassap y lo usan a menudo, yo creo que la belleza en wassap tiene mucho potencial.
      Yo de tí probaría a mandar algún post por wassap y a ver hasta donde llega!
      Un abrazo!

  4. ¡Hola!
    Tengo que confesar que hoy me he perdido un montón de veces leyendo el post, básicamente porque como es un tema tan, pero que tan, desconocido para mí, lo de los códigos QR, que lógicamente, profundizar en él para mí ha sido una odisea hoy Jeejejeje (No sabes la de veces que he terminado un punto y he vuelto a empezarlo…)
    Ojo, que no por ello no me ha parecido interesante, y seguro que con calma intentaré animarme aunque sea solo para probar, porque sin duda, si es bueno para que el blog mejore…¡hay que lanzarse!
    ¡Besos guapa!

    • Ya es un poco lío porque he explicado de dónde se saca cada cosa pero en realidad con el código del final cambiando el post lo tienes, yo lo veo para post concretos que sean largos o que tengan contenido viral, estas cosas que te acuerdas de alguien y te dices, mejor se lo mando por wassap, creo que es un filón muy grande para los post, además lo que recibimos por wassap al final lo abrimos o al menos lo ojeamos, no da tanta pereza como salir de Facebook o de Twitter…
      Un saludo

  5. Anda pues no se me había ocurrido! pero desde luego leyendo todos los beneficios no descarto probar a ver que tal me va.
    La verdad que estos códigos se encuentran ya en un montón de sitios, yo en mis tarjetas de visita del blog si los tengo, y luego tengo tambien libros de cocina que los adjunta a la recta y te enlaza a un video del paso a paso de la receta, la primera vez que lo vi me pareció ideal desde luego!
    Un besito Carmen y que pases buen finde que esta ya a la vuelta de la esquina! muacks!

    • Pues sí están en muchos sitios, además cada vez hay más información que puede codificarse, como es la realidad aumentada y lo que a no sotras nos viene bien poder compartir nuestro contenido en otros canales y que sea más fácil de llevar.
      Un saludo! que ganas he pillado el blog ahora mismo y le voy a dar un repaso!

  6. Qué buena esta información la verdad es que me parece muy beneficiosa, aunque yo misma y la gente que conozco no somos de usar códigos qrl aunque imagino que con el paso del tiempo se irá pronunciando su uso.

  7. ¡Hola, guapa! Me ha entusiasmado la idea, nunca se me hubiese ocurrido que pudiesen usarse los QR para difundir los contenidos del blog. Tampoco sabía que ayudaba al SEO. Tengo que ponerme las pilas con esto porque puede ser una forma de darle más difusión a las entradas que publico. Si te confieso que me he perdido un par de veces y he vuelto a empezar unas cuentas, pero es que apenas sé del tema. En fin, habrá que llevar a cabo estas iniciativas para marcar la diferencia con la competencia. Un abrazo.

  8. Este post es de esos que se guardan y prácticamente se estudian aparte ya que tiene términos algo complejos pero lo que sí puedo decirte es que ahora mismo no me llama demasiado insertar un código QR quizás porque yo misma paso de ellos cuando los veo. Antes tenía un lector en el móvil y creo que al cambiar de móvil ni lo instalé pero bueno, el saber no ocupa lugar así que como ya te digo me pondré a ello con detenimiento a ver si me convence. Muakss

  9. Tengo que pensar en que puedo aplicarlos en mi caso particular porque me parece una opción muy interesante desde luego y lo explicas tan bien que creo que hasta yo sabre hacerlo, gracias por la información, bss

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Enlaces a fondo todo lo que necesitas saber sobre como enlazar correctamente

Enlaces a fondo todo lo que necesitas saber sobre como enlazar correctamente

Cuando empezar a monetizar tu blog para no perder seguidores

Cuando empezar a monetizar tu blog para no perder seguidores