Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1512971086
Vida do cache: 1513014286
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Blogger Postagens Recursos WordPress

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



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

8 Comentários

  1. Kevin Oliveira disse:

    Paulo, tudo bem?

    Agora sim, eu entendi a magia deste QR Code, não tinha entendido direito ainda, já estou instalando no meu celular. Obrigado pelo post! 😀

  2. Paulo Estevão disse:

    Tudo bem,
    que bom então! =]

  3. samejspenser disse:

    Olá! Parabéns pelo artigo.

    Eu já estou utilizando o QR Code em meu blog há algumas semanas, mas optei por deixar apenas na página inicial.
    Tenho recebi algumas, (poucas, ainda), visitas em meu blog através de dispositivos móveis, então achei pertinente adicionar esta função.
    E estou considerando seriamente inserir o QR Code em meu cartão de visitas!

    Abraço grande.

    Samej Spenser.

  4. Luferat disse:

    Amigos,

    Dica: em meus testes, o site http://qrcode.kaywa.com/ me pareceu gerar códigos de melhor qualidade e com leitura mais rápida que os gerados pela API Chart do Google. Já o uso a algum tempo no site http://downloads.catabits.com.br/ sem problemas…

  5. gadarf disse:

    Bem interessante.

  6. Alexandre Siquara disse:

    QR-Code é muito legal. Vejam esse site de empregos, ele usa o QR-Code nos links de suas oportunidades de emprego. Parece que usa a api do google tb: http://www.emprega.info

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.