A importância do QR Code e como inserí-lo em suas postagens

O QR Code (ou Código de Barras em 2D), é uma matriz ou código de barras bi-dimensional, criado pela empresa Japonesa Denso-Wave, em 1994. O QR vem de Quick Response, pois o código pode ser interpretado rapidamente, mesmo com imagens de baixa resolução, feitas por câmeras digitais em formato VGA, como as de celulares.

Com o crescente número de smartphones no mercado, várias tecnologias estão ganhando espaço na área de desenvolvimento. Aplicativos, web sites desenvolvidos para mobile e muitos outros recursos. O QR CODE é uma desses recursos que está ganhando destaque em vários sites e até mesmo anúncios publicitários.

Um recurso bom que está sendo utilizado inclusive em ações de marketing, como vimos acima na foto tirada na Campus Party Brasil 2011. Um simples desenho em forma de código, sem mais explicações, estampada na roupa de uma mulher bonita, desafia a curiosidade das pessoas. E um simples acesso ao site já é meio caminho andado nos objetivos de uma campanha publicitária via web.

A tecnologia está em evolução e a tendência é digitar menos, ou de modo geral: Agir menos e deixar que a máquina faça o resto do serviço. Dessa forma que o QR Code entra no mercado, facilitando o acesso em websites sem a necessidade de digitar o link (que muitas vezes é grande) ou até mesmo abrir textos, basta apenas usar um aplicativo que lê o código via câmera do celular e navegar no link existente atrás daquela imagem.

Vídeo Olhar Digital sobre QR Code:

Existe uma simples forma de codificar um link usando uma URL do Google desenvolvida para isso. Um verdadeiro sistema rápido e bem prático.
No link do Google abaixo insira seu link e as medidas da imagem que você quer gerar, navegue e o QR Code é gerado.

http://chart.apis.google.com/chart?cht=qr&chl=LINK&chs=TAMANHO 

LINK: Insira o link em que o código deve redirecionar.
OBS.: Não esqueça o http://
Exemplo: http://codigosblog.com.br

TAMANHO: Insira o tamanho em pixels da imagem que deve ser gerada. Na seguinte forma: LARGURAxALTURA
Exemplo: 200x200

Exemplo link montado: http://chart.apis.google.com/chart?cht=qr&chl=http://codigosblog.com.br&chs=300x300

Ao acessar o link, uma imagem será mostrada na tela. Basta salvar a imagem e usar onde você quiser.

Agora você pode integrar o recurso em seu blog, de forma que cada post gera automaticamente um QR Code para seus visitantes usarem. Faça um backup do seu template/tema e siga as instruções abaixo:

  • Como usar o QR Code nas postagens no Blogger:

- Faça login no Blogger, entre em “Design” -> “Editar HTML”, depois marque a caixa: “Expandir modelos de widgets”.
- Escolha um código abaixo e cole dentro da área de postagem, geralmente antes ou depois de:

<data:post.body/>

Modo ícone:
<a  href=\'&quot;http://chart.apis.google.com/chart?cht=qr&amp;chl=&quot;+  data:post.url + &quot;&amp;chs=300x300&quot;\' target=\'_blank\'><img  src=\"http://codigosblog.net/servidor/qrcode.png\"/></a>

Modo texto:
<a  expr:href=\'&quot;http://chart.apis.google.com/chart?cht=qr&amp;chl=&quot;+  data:post.url + &quot;&amp;chs=300x300&quot;\'  target=\'_blank\'>QRCode</a>

Para colocar outro ícone substitua o link da imagem atual por outra imagem.

- teste e salve.

  • Como usar o QR Code nas postagens no WordPress:

- Faça login em seu blog WordPress, entre em “Editor”. Procure a página Post Único (single.php).

- Escolha um código abaixo e cole dentro da área de postagem, geralmente depois de:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Modo ícone:
<a  href=\'http://chart.apis.google.com/chart?cht=qr&amp;chl=<?php  the_permalink();?>&amp;chs=300x300\' target=\'_blank\'><img src=\"http://codigosblog.net/servidor/qrcode.png\"/></a>

Modo texto:
<a  href=\'http://chart.apis.google.com/chart?cht=qr&amp;chl=<?php  the_permalink(); ?>&amp;chs=300x300\' target=\'_blank\'>QRCode</a>

Para colocar outro ícone substitua o link da imagem atual por outra imagem.

- Salve.

Bem simples! Basta fazer direitinho lendo o post com atenção. ;D