Приветствую постоянных и новых читателей блога SEOBID.NET! О QR-кодах вы, конечно, давно уже знаете, а может быть, и пользуетесь ими. Например, очень удобно для входа в какую-нибудь банковскую сеть или просто на сайт с мобильного приложения. QR-коды предназначены для передачи закодированной информации о чем-нибудь. Например, можно при помощи такого кода просто перенаправить пользователя на другую страницу. Это очень удобно при работе с мобильным телефоном. Чаще всего QR-коды используется для передачи какого-нибудь веб-адреса в зашифрованном и сжатом виде. Чтобы просканировать этот код, включается камера смартфона или планшета. Также можно использовать приложения QR Droid или Scan , которые считывают код и открывают ссылку.

Что такое QR код и как его использовать

Обычно QR-коды используются при оформлении ссылок на текстовых материалах. Но QR-коды очень хорошо можно применять его и для сайта на движке WordPress. Как это сделать при помощи плагинов или фрагментов кодов в файлах темы – вы узнаете из сегодняшней статьи. QR код (Quick Response) – это новое поколение штрихкода, которое было разработано компанией Denso-Wave в 1994 году. QR-коды заменили предыдущий barcode, плохо выполняющий свои функции. Но он еще используется, например, в Азии.

Что такое QR код

QR-код имеет несколько значимых достоинств, которые и выделяют его перед обычным 2D кодом:

  1. Объем информации, которая может храниться в QR — до 4 296 символов, или 7 089 цифровых элементов.
  2. Корректирование ошибок использованием кода Рида-Соломона.

QR код имеет несколько версий, которые отличаются количеством информации в коде, и размерами:

  1. Первая версия включает в себя 21 строку и 21 колонку, максимальное количество символов – 25.
  2. Вторая версия включает в себя 25 строк и 25 колонок, максимальное количество символов – 47.
  3. Третья версия включает в себя 177 строк и 177 колонок, максимальное количество символов — 4,296.

Сгенерировать свой собственный QR код можно и онлайн способом. Это можно сделать на следующих сервисах:

  1. Kaywa Reader – воспользоваться сервисом можно здесь: http://qrcode.kaywa.com/.
  2. Google Charts – здесь мы можете ознакомиться со всей необходимой документацией и программами не только для мобильных устройств, но и для использования QR-кодов на сайте: http://code.google.com/apis/chart/.

Для распознавания кода при помощи мобильного телефона на ваш телефон установить следующие программы:

  1. http://reader.kaywa.com/.

kaywa.com

Сервис сразу проверяет, поддерживается ли телефон программой Kaywa Reader. Если вы не знаете, как загрузить программу на мобильное устройство, то можно загрузить ее на ПК, а с него через USB или Bluetooth – на телефон.

  1. Мобильная версия сайта с программой-установщиком кода QR — http://www.i-nigma.mobi/.

i-nigma.mobi

Для установки программы i-nigma необходимо использовать любой браузер, установленный на мобильном телефоне и просто следовать инструкциям. Сервис самостоятельно определит возможности вашего мобильного девайса и установит правильную версию программы для распознавания QR-кода.

  1. Программа для iPhone — http://www.imatrix.lt/. Это литовский сервис, который безукоризненно работает, как и все прибалтийское.

imatrix.lt

  1. http://www.quickmark.com.tw/En/basic/download.asp — здесь, как видите, можно скачать программы для любого устройства, в том числе и для обычного персонального компьютера:

quickmark.com

Нужно скачать программу QuickMark на компьютер и перенести ее на мобильный телефон. Все версии поддерживаемых телефонов можно усидеть в списке.

Как подключить QR код при помощи плагинов

QR код, установленный на вашем сайте или блоге, весьма разнообразит пользование страницами, и может увеличить количество мобильных пользователей. Например, можно добавить к каждой записи в блоге QR код, применяя следующие способы:

QR Code плагин для WordPress

Чтобы QR код заработал, можно использовать три способа его подключения:

  • Скачать QR-код из библиотеки сайта, ссылка на скачивание есть в настройках плагина.
  • Заполнить все предлагаемые поля в настройках плагина, и тогда код появится на всех страницах сайта. Также можно это дело протестировать.
  • Можно вставить фрагмент кода для подключения плагина в файлы вашего шаблона, например, в index.php, page.php, single.php и archive.php – на выбор. Код также указан в настройках плагина.

Как устанавливать этот плагин (не только этот – вообще любой плагин), я рассказывал в статье Несколько способов установки плагинов на WordPress. Для генерации картинок плагин использует библиотеку Open Source QR-code.

Плагин QR Code (версия Google Charts API)

Это метод установки QR-кода использует Google Charts API. Вам нужно будет после установки этого плагина добавить в код вышеперечисленных файлов следующий код:

<?php while (have_posts()) : the_post(); ?>
<?php if (function_exists('aQRCodeG')) { echo '<img src="'.aQRCodeG(get_permalink()).'" alt="QR Code for '.the_title('','',false).'"/> '; }?>
<?php endwhile;?>

Плагин QR Code для Blogspot

Этот плагин поможет вам легко вставить QR код в блог на blogspot.com или на сайт на любом иной хостинге. Нужно будет следующий код:

<script type="text/javascript">
// use current location as data
var chl = new String(document.location);
pos = chl.indexOf('#',0);
if (pos >= 0) {
chl = chl.substr(0,pos);
}
chl = escape(chl); // escaped data
var chs = '150x150'; // Size: The largest possible area for all charts except maps is 300,000 pixels. As the maximum height or width is 1000 pixels, examples of maximum sizes are 1000x300, 300x1000, 600x500, 500x600, 800x375, and 375x800.
var choe = 'UTF-8'; // Charset: Shift_JIS, UTF-8, or ISO-8859-1
var chld = 'L'; // L allows 7% of a QR code to be restored, M allows 15%, Q allows 25%, H allows 30%
var margin = 4; // margin in rows/columns
document.write(unescape('%3Cimg src="http://chart.apis.google.com/chart?chs='+chs+'&cht=qr&chl='+chl+'&choe='+choe+'&chld='+chld+'|'+margin+'" alt="QR Code" /%3E'));
</script>

Онлайн-использование QR -кодов

При помощи QR-кода, который легко сканируется камерой мобильного телефона или планшета, можно, как я уже говорил, заметно увеличить количество пользователей мобильных устройств. Например, также можно закодировать любые контактные данные — телефонный номер, скайп или ISQ, ссылки на любые страницы вашего блога. Еще один оригинальный и очень полезный способ использования QR-кода на сайте – указать полный путь к офису компании или обозначить расположение вашей компании на карте Google Maps.

Продолжим рассматривать плагины для установки QR-кода на страницы сайта, построенного на WordPress. Теперь вы имеете представление, как и где можно применять QR-код, можно рассмотреть еще несколько технологий использование этого кода на вашем сайте или блоге.

Плагин No More Passwords

Этот интересный плагин позволяет авторизовать пользователей на сайте WordPress через мобильное устройство, способное распознавать QR –коды (см. выше, как это сделать). Удобен тем, что не нужно вводить пароли и логины. Особенно это актуально для пользователей мобильных телефонов.

Плагин No More Passwords

Плагин нужно просто установить, и все. Теперь ваша страница входа на сайт будет выглядеть так, как показано выше.

Плагин WordPress QR Codes

Этот плагин — платный, поэтому в репозитории WordPress вы его не найдете. Правда, стоит он не дорого — всего 10 доллавро, но стабильно генерирует коды для ссылок и изображений на сайте. Можно кодировать разный контент:

  1. Закладки.
  2. Контактные данные.
  3. Любой контент и адреса для этого контента (ссылки).
  4. Ссылки для отправки электронной почты.
  5. Метки на карте Google Maps.
  6. Номера для отправки и получения SMS-сообщений.
  7. Любые ссылки на любые интерактивные материалы.

Плагин WordPress QR Codes

Плагин генерирует шесть разных размеров QR-кода – это позволяет использовать любой подходящий код в дизайне вашего сайта. Создать подходящий для сайта код можно, используя выпадающее меню вариантов в плагине.

Плагин QR Code Generator 4 All

Это плагин – бесплатный, и позволяет решать все те задачи, которые возлагаются на платные варианты таких плагинов. Картинки с кодом вставляются при помощи шорт-кодов в любое место страницы, и самый простой из них — [qrgen4allEditor], а задать параметры изображений можно в настройках – их там достаточно много:

Плагин QR Code Generator 4 All

Шорткод может быть и длиной в несколько строк – смотря, как вы настроите генерацию QR-кодов. Можно поэкспериментировать с кодами и попробовать облегчить навигацию и поиск вашей организации на карте всего одной зашифрованной ссылкой.

Плагин QR code generator

Простой плагин без настроек – просто в меню «Внешний вид» — «Виджеты» появляется виджет с QR-кодом для входа на сайт, и все. Перевести фразу «Scan this code with your handphone:» на русский язык вы можете в файле плагина qr-code-generator/qr-code-generator.php. Буквально она переводится так: «Сканировать этот код в ваш мобильный телефон».

Плагин QR code generator

Еще один плагин QR code generator

Как работать с этим плагином:

Вставить код:

[qrcode]

в любое место вашего сайта, чтобы создать QR-код, включая URL-адреса сайта. Можно также использовать другой короткий код, чтобы создавать отдельные qr-коды с любым текстовым содержанием:

[qrcode content="CONTENT" size="80" alt="ALT_TEXT" class="CLASS_NAME"]

Можно задавать такие параметры, как: alt, size, class, credit, shadow. Если вы не зададите какой-либо параметр, то по умолчанию будут использованы настройки плагина:

  1. alt = «Scan the QR Code»
  2. size = 120
  3. class=»»
  4. credit = true
  5. shadow = true

Плагин Local Search SEO Contact Page

Довольно сложный в настройках плагин, но и возможностей он имеет гораздо больше, чем все предыдущие модули, вместе взятые. Например, этим плагином можно создавать QR коды, которые будут содержать полную контактную информацию о вашем сайте или компании:

  1. Имя, улица, номер устройства, город, государство, почтовый индекс, страна, телефон, факс, адрес электронной почты, URL-адрес компании, широта и долгота.
  2. Указание времени работы компании в 24-х часовом формате.
  3. Данные о логотипе компании, ссылку на логотип.
  4. Все данные об оплате услуг компании.
  5. Информацию о карте Google Place с данными вашего сайта и организации.
  6. Ссылку на Google maps с указанием URL, почтового адреса, телефона и гео-кода.
  7. Информация со ссылками на ваши социальные сети.

Вот шорткоды, которые вы можете использовать для создания тех или иных QR-кодов для вашего сайта:

[ebs_seo_cp_full

Этот код можно вставить на страницу с контактной информацией о вашем сайте или компании. Код будет содержать данные о контактах организации, часах ее работы, способах оплаты товаров или услуг, QR-код для карт Google. Здесь же можно создать свой собственный формат, используя HTML-код, или при помощи коротких шорт-кодов индивидуально для каждого случая. Подробнее вы узнаете на странице настроек плагина.

  • [ebs_seo_cp_contact_only]

Этот код бужет нести в себе только контактную информацию.

  • [ebs_seo_cp_logo_only]

    QR-код для отображения логотипа вашей компании.

  • [ebs_seo_cp_location_only]

    QR-код для отображения местоположения вашей компании.

  • [ebs_seo_cp_hours_only]

    QR-код для отображения часов работы организации.

  • [ebs_seo_cp_payment_forms_only]

    QR-код для отображения способов оплаты.

  • [ebs_seo_cp_social_media_only]

    QR-код для отображения кнопок социальных сетей, которые вы выбрали.

  • [ebs_seo_cp_qr_code_only]

    Для простого отображения QR-кода сайта без лишней информации.

  • [ebs_seo_cp_map_only width="x" height="x"]

Для отображения карты Google в отдельном iFrame. Ширина и высота — величины необязательные, и если их не использовать, то плагин вставит их сам.

Теперь вы понимаете, что, кроме обычных ссылок на контент и информации о местоположении вашей компании, вы можете такими QR-кодами задавать и вход на сайт, и работу с самым разнообразным контентом сайта, и все, что угодно. Плагинов для этого существует очень много – я перечислил только самые известные и простые.

Выбирайте нужный плагин, настраивайте его под свои нужды, и удачи вам в развитии вашего сайта или блога! До встречи в следующих публикациях».