Диплинки в email: что это такое и как их использовать

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

Для таких переходов используют диплинки (deeplinks). В статье разберём, что это, как они работают и что учитывать при использовании диплинков в email-рассылках.

Что представляют собой диплинки

Диплинк — это ссылка, которая ведёт в конкретный раздел или экран приложения. В общих чертах механика работает так: пользователь нажимает на ссылку, операционная система проверяет наличие на устройстве приложения, которое может её обработать, и при подходящих условиях открывает в нём нужный экран.

Это сокращает путь между письмом и целевым действием. Так, с помощью диплинков:

• в письме о доставке кнопка «Посмотреть заказ» будет вести к нужному заказу в приложении;
  
  
• в рассылке о снижении цены пользователь сразу откроет карточку товара;
  
  
• из письма о продлении подписки можно перейти к соответствующей форме в приложении и так далее.

Как диплинки взаимодействуют с мобильными приложениями

Один из распространённых вариантов диплинков — обычная HTTPS-ссылка, которую связывают с мобильным приложением. Внешне она представляет собой простой веб-адрес вида:

https://shop.example.ru/products/xxxx

После нажатия по ней операционная система проверяет, может ли установленное приложение обработать этот адрес. Если да, то пользователь попадает в нужный раздел приложения. Если приложение не установлено, URL открывается как обычная веб-ссылка.

Вместе с тем для iOS и Android доступны специальные варианты диплинков, работающие с учётом соответствующих систем.

Диплинки в iOS

На устройствах Apple для переходов по HTTPS-ссылкам в приложение используются Universal Links. Опять же, по своей сути это обычные веб-адреса, которые заранее связываются с приложением. Если такая связь настроена и приложение установлено, iOS может передать ссылку приложению вместо открытия её в Safari.

При этом Universal Link нельзя воспринимать как команду, которая принудительно запускает приложение при каждом переходе. iOS учитывает контекст: например, если пользователь уже открыл сайт в Safari и нажимает на ссылку того же домена, то система может продолжить навигацию в браузере.

Диплинки на Android

На Android аналогичную задачу решают App Links — HTTP- или HTTPS-ссылки, для которых подтверждена связь между сайтом и приложением. После проверки система может передать ссылку приложению без дополнительного выбора обработчика. Такие подтверждённые ссылки называют Verified App Links.

Если приложение не установлено, то адрес, опять же, продолжает работать как обычная веб-ссылка и открывается в браузере.

Механизм App Links поддерживается начиная с Android 6 на устройствах с Google Services. В случае если Google Services отсутствуют, проверка связи между сайтом и приложением может работать иначе. Поэтому поведение App Links на таких устройствах стоит проверять отдельно.

Custom URI schemes

Кроме HTTPS-ссылок приложение может использовать собственную URI-схему, например:

shopapp://products/XXXX

Операционная система ищет установленное приложение, которое зарегистрировано для обработки ссылок с этой схемой. Если подходящее приложение найдено, оно получает данные из ссылки и определяет, какой экран открыть.

Важно отметить, что shopapp://products/XXXX не является обычной веб-ссылкой и открыть её как веб-адрес нельзя. Если подходящего приложения нет, переход может завершиться ошибкой или просто не привести к ожидаемому действию. Результат зависит от устройства и программы, через которую пользователь открывает ссылку.

Deferred Deep Linking

Отдельно стоит отметить механизм Deferred Deep Linking, при котором назначение диплинка сохраняется, даже если приложение ещё не установлено.

Например, пользователь нажимает в письме кнопку «Посмотреть товар», но приложения магазина у него на устройстве нет. В этом случае сначала его направляют к установке приложения, а после первого запуска открывается карточка нужного товара.

Обычного Universal Link или App Link для такого сценария недостаточно: сами по себе они не сохраняют контекст перехода через установку приложения. Исходные данные нужно сохранить отдельно и затем передать приложению. Для этого используют дополнительную логику на стороне приложения или специализированные сервисы (такие как Branch или AppsFlyer OneLink).

Какие ещё ссылки ведут к действиям вне письма

В письмах можно использовать и другие URI-схемы. Они не относятся к диплинкам мобильного приложения в том же смысле, что Universal Links или App Links, но тоже переводят пользователя из почтового клиента к определённому действию.

tel:

Схема tel: используется для телефонных номеров:

<a href="tel:+74951234567">Позвонить</a>

После клика устройство передаёт номер приложению, которое умеет обрабатывать ссылки tel:. При этом сам URI не означает, что звонок начнётся автоматически: для совершения вызова требуется действие или подтверждение пользователя.

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

mailto:

URI-схема mailto: используется для создания нового письма в почтовом клиенте. Её простой вариант может выглядеть так:

1
2
3
<a href="mailto:support@example.ru">
  Написать в поддержку
</a>

Также в mailto: можно заранее передать тему и текст сообщения. Для темы используется параметр subject, а для тела письма — body:

1
2
3
<a href="mailto:support@example.ru?subject=Order%20question&amp;body=Hello">
  Contact Support
</a>

Значения в ссылке требуют корректной кодировки. Например, пробел передаётся как %20, а перенос строки в теле сообщения как %0D%0A. Кириллица сначала кодируется в UTF-8, после чего байты записываются через percent-encoding — специальный формат для передачи символов в URL в виде последовательностей %XX.

Собственные диплинки (как HTTPS-ссылки, так и URI-схемы) могут быть и у сторонних приложений, например мессенджеров или банковских сервисов. Формат зависит от конкретного приложения, поэтому перед запуском рассылки стоит свериться с актуальной документацией сервиса и проверить, что ссылка корректно работает на нужных устройствах.

Что учитывать при использовании диплинков в email

Ссылка, которая корректно работает при прямом открытии, внутри письма может вести себя иначе.

Одна из причин — отслеживание кликов. Чтобы посчитать число переходов, сервис рассылок может заменить исходный URL ссылкой своего трекингового домена. В итоге пользователь сначала переходит по этому адресу, после чего система регистрирует клик, а затем перенаправляет его на конечную страницу.

Это важно учитывать для Universal Links и App Links, так как они привязаны к конкретным доменам. Если сервис рассылок подменяет исходный URL трекинговой ссылкой, прямой переход в приложение может измениться.

Для определённых ссылок отслеживание переходов можно отключить. Например, в платформе Altcraft есть возможность убрать перенаправление на трекинг, чтобы пользователь переходил непосредственно по исходному URL. Но тогда переход не будет учитываться в статистике кликов.

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

Отдельно стоит учитывать устройство, на котором будет открыто письмо. Например, ссылку tel: иногда имеет смысл показывать только при небольшой ширине экрана. Для этого можно использовать CSS-медиазапросы.

Но стоит помнить, что условие вроде max-width: 600px лишь проверяет ширину области отображения, а не определяет тип устройства. Поддержка CSS также зависит от почтового клиента. Поэтому важное действие не стоит делать доступным только через элемент, который появляется по медиазапросу.

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

Как добавить диплинк в шаблон письма в Pixcraft

В конструкторе Pixcraft диплинк добавляется так же, как обычная ссылка. Достаточно выбрать нужный элемент письма (например, кнопку, изображение или фрагмент текста) и указать адрес в его свойствах.

Отдельной настройки диплинков внутри Pixcraft не требуется: конструктор размещает готовую ссылку в письме, а её поведение определяется настройками сайта, мобильного приложения и устройства пользователя.

Для быстрого поиска и замены ссылок в письме воспользуйтесь Картой ссылок. Здесь отображаются все ссылки шаблона: их можно легко отредактировать и быстро найти элементы, в которых они используются.

А чтобы оценить работоспособность шаблона (включая то, как ссылки ведут себя в реальном почтовом клиенте), отправьте тестовое письмо.

Заключение

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

Хотите прокачать навыки в email-маркетинге? Загляните в наш Telegram-канал! Там мы делимся полезными материалами, лайфхаками и идеями для работы.