vCard QR-код - это QR, который, когда кто-то сканирует его камерой телефона, предлагает сохранить ваши контактные данные прямо в адресную книгу. Без ввода, без стопки визиток на столе, без «дайте найду ваш email позже». Навёл, сканировал, нажал «Добавить контакт» - готово. Есть два способа создать его, и выбор неправильного - разница между карточкой, которую можно исправить, и карточкой, которую надо перепечатывать.
Первый способ кодирует контактные данные напрямую. Ваше имя, должность, телефон и email записываются в паттерн QR-модулей с использованием формата vCard. Второй кодирует короткую ссылку, резолвящуюся на размещённую контактную или bio-страницу. Телефон получает страницу, и страница предлагает сохранение. Первый заморожен при печати. Второй редактируемый и отслеживаемый. Это руководство описывает оба, формат vCard под ними, как разработать код так, чтобы он реально сканировался с небольшой карточки, и пошаговый план, которому можно следовать сегодня. Статичный вариант действительно подходит для некоторых случаев, и мы уточним для каких.
Что кодирует vCard QR-код#
Формат vCard - это текстовая контактная запись, стандартизированная как RFC 6350. Это та же структура .vcf, которую импортируют Apple Contacts и Google Contacts. Минимальный вариант выглядит так:
BEGIN:VCARD
VERSION:3.0
N:Kowalska;Ana;;;
FN:Ana Kowalska
TITLE:Marketing Solutions Engineering
ORG:Elido
TEL;TYPE=CELL:+49 30 1234567
EMAIL:ana@example.com
URL:https://elido.app
END:VCARD
Статичный vCard QR-код записывает весь этот блок в сетку модулей. Телефон читает его, распознаёт заголовок BEGIN:VCARD и предлагает сохранить контакт. С вашей стороны в момент сканирования ничто не контактируется - это и главная черта статичной версии, и её основное ограничение одновременно.
Этот пейлоад немал. Блок выше - около 180 символов, а реальная карточка с вторым номером телефона, почтовым адресом и корпоративной ролью перевалит за 250. QR-коды становятся плотнее по мере роста данных. Согласно ISO/IEC 18004, стандарту, определяющему структуру QR, каждый шаг увеличения ёмкости добавляет модули в сетку, а более плотная сетка труднее сканируется с небольшой напечатанной поверхности. Вернёмся к этому в разделе о дизайне, потому что именно это тихая причина, по которой большинство QR-кодов на визитках плохо сканируются.
Статичный vCard против подхода с динамической ссылкой#
Вот решение, которое определяет всё остальное.
Статичный vCard QR самодостаточен. Контактные данные живут в печати. Сканируйте в самолёте без сигнала - всё равно работает, потому что в цепочке нет сервера. Загвоздка в том, что он заморожен. Смените работу, смените номер, переберитесь с личного email на корпоративный - и каждая карточка в каждом кошельке теперь указывает на старого вас. Вы перепечатываете, и у вас нет ни малейшего представления, сколько людей сканировали старую пачку.
Динамический контактный QR кодирует короткую ссылку, что-то вроде b.elido.me/ana, резолвящуюся на размещённую контактную или bio-страницу. Страница несёт действие «Сохранить в контакты». Поскольку напечатанный код содержит только короткую ссылку, контактные данные за ней редактируемы после печати, и каждое сканирование - это событие редиректа, которое вы можете подсчитать. Это та же самая косвенность, которая разделяет динамические и статичные QR-коды в любом контексте; механику мы разобрали в динамические vs статичные QR-коды, и сценарий использования контакта наследует всё из этого.
Для большинства людей, чьи данные меняются, динамическая ссылка выигрывает по двум пунктам, важным для нетворкинга. Можно исправить неверный номер без перепечатки, и можно видеть, были ли реально отсканированы 200 бейджей, розданных на конференции. Честное исключение - ниже.
Когда статичный vCard - правильный выбор#
Статичный - не худший вариант. Это другой вариант, и для узкого набора случаев он лучше.
Обращайтесь к статичному vCard QR, когда данные действительно постоянны и счётчики сканирований вас не интересуют. Прямой телефонный номер в организации, не меняющей номеров; код, вытравленный в металлический бейдж, призванный пережить любую подписку на сервис; контактный код, напечатанный внутри книги, рассылаемой по всему миру и долженствующей работать офлайн через десять лет. В каждом из этих случаев отсутствие сервера - это функция. Нет домена для продления, нет ссылки для поддержания, нет аналитики, которую вы всё равно никогда не читали бы.
Компромисс: постоянство в обмен на контроль. Если вы можете честно ответить «эти данные не изменятся и мне не нужны данные о сканировании» - статичный проще и долговечнее. Если колеблетесь по какой-либо части - вам нужна динамическая ссылка.
Почему динамическая ссылка превосходит замороженный vCard для нетворкинга и мероприятий#
Мероприятия - это где динамический подход оправдывает своё место, потому что контактные данные нетворкинга - самое нестабильное в человеке.
Представьте пробег конференции. Вы печатаете 300 карточек в марте для майского мероприятия. В апреле команда переходит на новый email-домен. Со статичным vCard эти 300 карточек теперь неверны, и нет исправления кроме перепечатки до мероприятия. С динамическим контактным QR вы редактируете назначение один раз - и все 300 карточек указывают на исправленные данные в момент, когда кто-то сканирует на выставочном полу.
А потом есть то, что статичный никогда не может: знать, что произошло. Динамический контактный QR превращает каждое сканирование в залогированное событие. Можно видеть, что сессия во вторник днём привела большинство сканирований, что бейдж сработал лучше, чем напечатанный раздаточный материал, что часть сканирований пришла из города, которого вы не ожидали. Размещённая контактная страница также может делать больше, чем замороженный .vcf когда-либо мог. Она может находиться рядом с другими ссылками как полная bio или link-in-bio страница, с кнопкой сохранения контакта как одной плиткой среди вашего портфолио, ссылки на бронирование и соцсетей. Как структурировать эту страницу - разобрано в bio-страницы для авторов, и та же четырёхзонная разметка работает для контактной страницы нетворкинга.
Статичный vCard отвечает на один вопрос: кто вы. Динамическая контактная страница отвечает на него и продолжает разговор, потому что вы контролируете, куда она указывает после рукопожатия.
Если ваша короткая ссылка живёт на вашем собственном домене, а не на общем поддомене, код также переживает смену вендора, поскольку редирект резолвится на домене, которым вы владеете. Это та же логика, что стоит за сочетанием сокращателей URL с QR-кодами вообще: короткая ссылка - стабильный слой, а всё остальное может меняться за ней.
Дизайн кода для визитной карточки#
Визитная карточка - самая сложная QR-поверхность из всех, потому что пространство крошечное, а данные хотят быть большими. Три ограничения определяют, будет ли он сканироваться.
Сначала размер. Карточку читают с ~25-30 см, на вытянутой руке с телефоном, наклонённым вниз. Практическое правило, подтверждённое практикой: минимальный напечатанный размер QR - около одной десятой расстояния сканирования, что ставит нижнюю границу около 2,5×2,5 см. Ниже 2 см вы полагаетесь на удачу с камерой читателя. Это единственный сильнейший аргумент в пользу динамической ссылки на карточке: короткая ссылка вроде b.elido.me/ana - примерно 15 символов, которые создают значительно меньшую, более редкую сетку, чем 250-символьный блок vCard. Меньше данных, ниже плотность модулей, надёжнее сканирование при 2,5 см.
Контраст на втором месте. Тёмные модули на светлом фоне - стандарт не без оснований. Нативные камера-приложения читают его наиболее надёжно. Инвертированные или низкоконтрастные цветовые сочетания (тёмно-синий код на тёмно-серой карточке) выглядят элегантно и не работают при плохом освещении. Если картон глянцевый, матовый ламинат на области кода предотвращает блик, смывающий модули при освещении площадки.
Тихая зона на третьем, и чаще всего пропускается. Спецификация QR требует чистого поля не менее четырёх модулей со всех четырёх сторон. Дизайнерские инструменты регулярно обрезают его при вставке кода в плотную разметку карточки. Убедитесь, что код не упирается в ваш логотип или край карточки. Без тихой зоны сканеры вообще с трудом находят код.
Ещё одна привычка, заслуживающая сохранения: напечатайте читаемый короткий URL мелким текстом под кодом. Если сканирование не удаётся в тёмной комнате, человек может набрать шесть символов вместо того чтобы сдаться. Визуальную обработку, наложение логотипа и запас коррекции ошибок подробнее разбираем в дизайне брендированного QR-кода.
Отслеживание сканирований и что вы реально узнаёте#
Этот раздел применим только к динамическому подходу, потому что статичный vCard не контактирует с сервером и потому ничего не считает.
С динамическим контактным QR каждое сканирование - это редирект через вашу короткую ссылку, и Elido логирует его в ClickHouse без семплирования: временная метка, определённая страна, тип устройства. Для визитки или бейджа мероприятия это даёт несколько конкретных вещей. Вы узнаёте сырое число сканирований - это самое близкое к числу «сколько людей последовали за контактом», которое офлайн-нетворкинг когда-либо предлагал. Вы узнаёте примерную географию - полезно для подтверждения того, что региональное мероприятие достигло своего рынка. Вы узнаёте временной паттерн, который на многодневной конференции говорит, какие сессии привели к сохранению контактов.
Числа наиболее полезны сравнительно. Тегируйте ссылки по пачке или мероприятию, чтобы отличить бейдж от напечатанной карточки от подписи в email - та же дисциплина размещения по позиции, которую мы описываем в создании QR-кампании. Полная разбивка того, что показывает дашборд, - на странице функций аналитики. Смысл отслеживания QR контакта скромен и реален: оно превращает стопку розданных карточек из чёрной дыры в измеримый канал.
Пошагово: создание вашего vCard QR-кода#
Вот динамический путь от начала до конца, поскольку он охватывает более сложный случай. Статичный путь тот же, но без ссылки и отслеживания.
Начните с того, что запишите контактные данные один раз, чисто. Полное имя, роль, которую хотите показать, один номер телефона, один email, один URL. Избегайте добавлять второй телефон и почтовый адрес, если действительно не нужно; каждое поле, которое вы добавляете, увеличивает пейлоад и, для статичного кода, - сетку.
Создайте короткую ссылку. В Elido вкладка «Создать» мобильного приложения и QR Studio в вебе создают короткую ссылку плюс её QR в одном флоу. Укажите ссылку на вашу размещённую контактную или bio-страницу, дайте ей читаемый слаг вроде /ana, и если ваш план включает кастомные домены - используйте свой, чтобы код пережил смену вендора.
Настройте контактную страницу за ней. Bio или контактная страница с видным действием «Сохранить в контакты» - это назначение. Здесь динамическая версия вырывается вперёд, потому что здесь вы можете в любое время редактировать имя, номер или email, и каждая напечатанная карточка следует за этим. Страница функций QR-кодов и функция bio-страниц описывают конструктор страниц.
Экспортируйте код как SVG, никогда как низкоразрешённый PNG. Вектор масштабируется до любого размера печати без размытия - важно при 2,5 см, где каждый край модуля имеет значение. Установите высокий уровень коррекции ошибок, если планируете наложение логотипа.
Передайте дизайнеру карточек с нетронутой тихой зоной, тёмными цветами на светлом, размером 2,5 см или больше. Распечатайте тестовую карточку и просканируйте её как на iPhone, так и на Android перед полным тиражом.
Тегируйте ссылку и, после мероприятия, прочитайте сканирования. Последний шаг - вся причина, по которой вы сделали динамический вариант. Для подробного руководства со скриншотами руководство по QR-кодам в документации - справочник, а маркетологи, применяющие это на уровне команды, найдут рабочий процесс на странице решений для маркетологов.
Оба подхода правильны. Статичный даёт постоянную, офлайн, бессерверную контактную карточку. Динамический - редактируемую, отслеживаемую, которая ещё и служит настоящей контактной страницей. Для фрилансера на конференции или команды продаж, раздающей 500 карточек в квартал, редактируемый и отслеживаемый вариант - почти всегда тот, который стоит создавать. Доступность тарифов с кастомными доменами и аналитикой - на странице тарифов, а если вы ещё картируете основы, что такое сокращатель URL описывает лежащий в основе слой. Готовые стили можно посмотреть в галерее QR.