сделать ссылку для перехода в приложение
BYYD. Блог
10 стратегий deep-linking для привлечения трафика в мобильное приложение
Сегодня поговорим о том, почему без стратегий deep-linking будет сложно построить по-настоящему удобный пользовательский интерфейс в мобильном приложении. Но для начала дадим определение, что такое deep-linking в принципе. Это возможность для пользователя перейти сразу на ту страницу приложения, которую он увидел в анонсе/рекламе, сразу после скачивания.
1. Отложенный deep-linking
Вы можете установить глубокую ссылку, которая перенесет контекст после загрузки из магазина приложений. Такая технология помогает перенести пользователя с рекламных объявлений на нужное место в приложении сразу после скачивания.
2. Deep-linking из веба в приложение
Эта тактика не требует медиа бюджета. Вы можете использовать банеры, рекламные вставки и ссылки для перенаправления вашего мобильного веб-трафика в приложения. Попробуйте настроить ссылки на сайте на конкретные страницы и продукты, которые пользователи хотели бы увидеть в приложении.
Также можно спроектировать полный путь пользователя от старта и до финиша, который будет включать в себя установку приложения. Самое большое преимущество этой стратегии заключается в том, что в мобильных приложениях пользователи чаще и больше конвертируют.
3. Ссылка из e-mail в приложение
Большинство ссылок из электронного письма отправляют пользователя на страницы сайта. А хорошо бы, чтобы в приложение с нужным контентом. Это обеспечит качественное взаимодействие, опять же по причине лучшей конвертации in-app. Кроме этого, у приложения чаще расширен набор функций, в сравнении с адаптивной версией сайта.
4. Deep-linking из одного приложения в другое
Это может быть полезно для сохранения контекста между вами и партнером. Или позволит использовать веб-сервисы, полезные для клиента — например, персонализированную регистрацию, настраиваемые корзины, когда пользователь составляет корзину из товаров в другом приложении на основе элементов первого.
5. Deep-linking в рекламе
Позволяют перенести пользователей на конкретный контент приложения, который показан в рекламе. Какие ссылки позволят сделать путь пользователя от объявления до продукта беспроблемным. Тактика актуальна для любой рекламной платформы.
6. Deep-linking из социальных сетей
Глубокие ссылки из социальных сетей — одна из самых сложных стратегий deep-linking. Например, Instagram делает их практически невозможными, поскольку они не ссылаются ни на что, кроме ссылки на профиль.
Но есть способы перенести ваших пользователей прямо из Facebook, Twitter и Instagram в приложение. Например, путем добавления ссылок с профилями на страницы установки приложения или страницы, которые ведут на сам продукт в приложении.
7. Обмен ссылками как одна из стратегий deep-linking
Делитесь контентом приложения через SMS или электронную почту со ссылками, которые перенаправляют пользователя к нужной части контента. Когда вы даете возможность обмениваться ссылками на ваш сайт в телефоне, создание глубоких ссылок прямо на приложение — отличный способ повысить заинтересованность пользователей.
8. Реферальные глубокие ссылки
При создании социальной реферальной системы для ваших пользователей убедитесь, что ссылки, которые вы отправляете рефералам, связаны с процессом установки приложения.
Вы можете вознаграждать как рефералов, так и новых пользователей за активность.
9. Глубокие ссылки после индексации приложения
Вы можете проиндексировать свое приложение, чтобы потом создавать глубокие ссылки на любую страницу в приложении прямо из поиска Google.
10. Deep-linking для настройки пользовательского опыта
Ваши глубокие ссылки могут собирать данные из уникального источника, который побудил пользователя установить ваше приложение.
Например, если друг пригласил нового пользователя, он должен видеть это в персонализированном потоке регистрации. Одним из способов создания персонализации является добавление изображения друга, который направил вашего нового пользователя в ваше приложение через Facebook.
Deeplink – как сделать переход по ссылке в приложение
Реклама
Что такое DeepLink?
DeepLink – это глубинные ссылки. Но что такое глубинные ссылки? – сейчас объясню.
Это такие ссылки, которое обеспечивают внешнее связывание, т. е. связывание вашей ссылки с приложением (или другим сайтом) напрямую. Наверняка, вы нажимали на ссылки на своем смартфоне, и он открывал приложение вместо сайта. Так, например, если вы перейдете на сайт links.glimake.ru и нажмете на любую иконку, то откроется соответствующее приложение, если оное у вас установлено. Ранее Deeplink-ами называли любые прямые ссылки с одного сайта на другой, например, instagram.com/glimake/. Т.е. с одного сайты Вы переходите на конкретную страницу другого ресурса внутри своего браузера.
Зачем нужны Deeplink-и?
Простой ответ — для увеличения конверсии. Чаще Deeplink используют коммерческие компании на своих сайтах, чтобы получить больший охват в социальных сетях. Сами подумайте, вам было бы проще нажать на сайте какой бы то ни было компании на иконку Вк и попасть в приложение Вконтакте или если открылся бы браузер и загрузилась страница vk.com? Логично, что первый вариант, так как приложения более удобны для пользователя.
Как это работает?
При создании ссылки указывается не просто тело с URL, а добавляются специальные значения, которые переадресуют пользователя на необходимое приложение, если оно у вас установлено. Если нет, то откроется браузер с переходом на веб версию приложения. Например, Вы хотите переадресовать пользователя на свой Instagram аккаунт:
1 способ: [Instagram] Вы указываете обычную ссылку, нажав на нее, откроется браузер с соответствующим профилем.
2 способ: [ Instagram ] «Волшебная ссылка» откроет приложение, если у вас установлен Instagram, если нет, то также откроется профиль в браузере.
P.S. 2-й способ нужно пробовать через смартфон, чтобы увидеть эффект.
Как сделать Deeplink?
Есть 3 способа сделать свои DeepLink:
Как сделать Deeplink самому?
Также необходимо в любое место кода между тегами и
Deep Linking для мобильных приложений
На WWDC 2015 инженеры компании Apple заявили, что пересмотрели подход к Deep Linking, в прошлом году компания Google анонсировала App Index — как новый взгляд на глубинные ссылки, в начале 2015 года в мире мобильной разработки заговорили о контекстных Deep Links. Что это за инструмент и как с ним работать применительно к iOS — расскажу в этой статье.
Что это?
Один из способов увеличения конверсии при продвижении IT-продукта — уменьшение барьеров для достижения пользователями искомой цели. В мобильной разработке эта проблема еще актуальней. При использовании e-mail, push или sms-рассылок с информацией о промо-акциях упрощение доступа к функционалу приложения просто необходимо. В такой ситуации просто запуск приложения из внешнего источника — не решение, ведь промо-акция — это конкретное спец.предложение в конкретном разделе. Чтобы после запуска приложения пользователю не пришлось по нему бродить, искать и раздражаться, нужен дополнительный инструмент, предопределяющий навигацию. И такой инструмент есть.
Deep Linking (глубинное связывание) — технология, благодаря которой пользователь может перемещаться между приложениями в заранее определенные разделы.
Как это работает?
Представим, что пиццерия решила провести рекламную кампанию, в рамках которой предлагает всем желающим купить пиццу «Маргарита» с 50% скидкой. У пиццерии есть веб-сайт и мобильное приложение (последнее, конечно, предпочтительнее для работы с клиентом по маркетинговым соображениям, да и операции с банковской картой в приложении гораздо удобнее, чем в браузере). Компания делает sms-рассылку по своей клиентской базе с информацией о спец.предложении и дает ссылку на нужный раздел сайта. Если на смартфоне клиента установлено приложение пиццерии, то при переходе по ссылке сервер сайта отправит клиента сразу в нужный раздел аппа для оформления заказа (это и есть механизм Deep Linking), если приложения на смартфоне нет, клиенту предложат установить его в сторе и затем повторно перейти по ссылке в sms (или продолжить пользоваться веб-версией).
В концепции всемирного Web механизм Deep Linking был заложен в HTTP и URL, как возможность перемещения между любыми документами в сети, а не только корневыми страницами. В мобильных операционных системах данный механизм реализуется разными способами.
Как это сделать в iOS
Принцип работы Deep Linking заключается в следующем: пользователь инициирует переход по URL, ресурс, находящийся по этой URL, определяет операционную систему и соответствующим образом осуществляет переход в приложение в заранее определенный раздел.
Классическая реализация в iOS
Общепринятая реализация состоит из следующих этапов:
1. Перевод запроса в URL-схему, её исполнение с возможностью обработки отсутствия схемы.
2. Обработка схемы и навигация внутри приложения к заданному разделу/экрану.
URL-схема (URL scheme) — часть URL до ://, ответственная за схему взаимодействия с ресурсом, на который ведет сама ссылка, в большинстве случаев имеется ввиду протокол.
Создание, выполнение и обработка результата выполнения URL-схемы
Для правильной конвертации HTTP-запроса в URL-схему необходимо хранить на сервере таблицу соответствия и/или заданное правило перевода.
Способов правильно выполнить URL-схему и обработать результат существует несколько. Все зависит от того, из какой среды URL-схема выполняется. Если это происходит в iOS приложении, то существуют стандартные способы проверить, зарегистрирована ли URL-схема в системе:
Если же схема выполняется из веб-среды, то оптимально использовать JS-скрипт, который либо запустит приложение, либо отправит на нужный ресурс.
Если через 500 мс не выполнится переход по схеме “myapp://» (ранее сгенерированная схема), то будет осуществлен переход на “fallback.html”.
Данный скрипт необходимо встроить в ресурс, ответственный за переход.
На GitHub есть несколько более или менее удачных реализаций подобных решений.
Обработка полученной URL-схемы и навигация внутри приложения
Эта часть реализации механизма Deep Linking относится исключительно к приложению, которое должно обработать запрос пользователя и перевести его в нужный раздел.
Для этого, в первую очередь, необходимо зарегистрировать собственную URL-схему, которая будет проассоциирована с приложением.
В настройках основного таргета проекта в разделе Info необходимо добавить в пункте URL Types —URL тип вашей схемы (рис 2.)
В поле Identifier необходимо указать bundleID приложения, а в поле URL Schemes — схему, с которой будет связано ваше приложение. Дальше необходимо реализовать механизм навигации в приложении. Для этого надо обработать возможную передачу в приложение URL. Передать её можно многими способами, мы рассмотрим непосредственное исполнение схемы в системе.
Для того чтобы обработать запуск приложения через URL, надо в AppDelegate приложения в методе:
Здесь необходимо использовать параметр url для дальнейшей навигации. Навигация в приложении — выбор исключительно личный, но я рекомендовал бы использовать шаблон Router. Во-первых, это не нарушает принцип Single Responsibility, во-вторых, позволит инкапсулировать и в дальнейшем эту навигацию использовать из любого места. Роутер должен принимать в себя URL (как ключ) и выдавать ViewController или же эту навигацию осуществлять.
Сторонние решения
Из сторонних решений можно рассмотреть Mobile Deeplinking (AppURL, AppLinks, UrbanAirShip и т.д.), данные фреймворки являются полноценными решениями для реализации всех компонент технологии Deep Linking. Содержат отдельные библиотеки со своими обработчиками внешних URL и механизмом навигации в приложении. Соответственно, подобные решения требуют интеграции своих SDK в проект.
Новый взгляд на Deep Linking
Что нам предлагает Google в технологии глубокого связывания.
Совсем недавно Google стартовал новое направление App Indexing. Конечно, по большей части оно нацелено на Android-разработку и реализовано максимально удобно именно для нее, но и iOS осталась не забыта, правда в ограниченой beta-версии.
Итак:
Помимо работоспособного Deep Linking появилось еще и индексирование приложения в поисковой системе Google. В результате поиска во всемирной сети будут отображаться ссылки на разделы приложения.
Для реализации необходимо:
1. Зарегистрировать еще одну URL-схему в проекте в формате:
gsd-
где, “scheme” — ваша схема, зарегистрированная выше.
2. Подключить фреймворк GoogleAppIndexing (можно через CocoaPods)
3. В вышеуказанных методах вашего приложения обработать переход следующим образом:
Это поможет связать ваше приложение c Google App Indexing и создаст панель для возврата в поиск.
4. Необходимо настроить ваш сайт, на который совершается переход. Для этого в хедер сайта надо добавить:
Также можно дать доступ GoogleBot к вашему сайту для полноценного индексирования.
Все эти способы основаны на работе с URL-схемами. Она давно известна и практикуется. Известны и проблемы, которые могут возникнуть с ними. К примеру, совершенно не определенно поведение, если два разных приложения зарегистрируют одну схему. Также надо обработать альтернативное поведение, если ваше приложение не установлено. В подобных ситуациях вся ответственность ложится на разработчика и ошибки реализации, к сожалению, становятся общей практикой.
Как избежать подобных ситуаций?
И вновь Apple нас не разочаровывает — начиная с iOS 9 добавлена поддержка HTTP и HTTPS с прямым переходом в приложение.
В июне 2015 года на WWDC “парни из Купертино” рассказали нам о новом подходе к реализации такого удобного механизма промоутинга мобильного приложения.
Назвали они его Seamless Linking, что можно перевести как “бесшовные ссылки”. Данный механизм позволяет использовать те же самые веб URL, что и при переходе по разделам вашего сайта, кроме того, связь между приложением и веб ресурсом происходит через Bundle ID приложения, что дает этой связи уникальность, также вы можете указать те разделы сайта, которые представлены в вашем мобильном приложении, и Deep Linking будет работать только для них. Ну круто же.
Как это работает?
Ссылка обрабатывается в системе и из нее извлекается домен (или хост) и непосредственно путь, через который вы можете управлять навигацией в приложении:
https://n-pizza.com/margarita_new
n-pizza и является в данном случае доменом. Домен должен быть проассоциирован с приложением посредством специального файла, защищенного SSL-сертификатом, который хранится на сервере сайта. Называться он должен apple-app-site-association и содержать специальную JSON структуру.
Далее созданный JSON необходимо подписать тем сертификатом, который используется на вашем веб-ресурсе, либо сгенерировать новый (допустимо использовать WildCard сертификат) подписать им JSON и добавить его на сервер. Сертификат, которым подписывается приложение в данном случае не используется.
Важно понимать, что для каждого домена должен быть уникальный apple-app-site-association файл
В приложении необходимо установить ассоциации с доменами, которые вы поддерживаете в пункте “Associated Domains”, в настройках проекта. А универсальные ссылки необходимо обрабатывать в методе AppDelegate:
Где, тип активности для универсальных ссылок будет:
Декомпозировать URL можно будет с помощью нативных средств, таких как: класс или сторонних фреймворков, как Bolts от Facebook. Далее навигация должна происходить по уже известной схеме, изложенной выше.
В результате пользователь, переходя по ссылке, или оказывается на том ресурсе, куда эта ссылка вела, или в приложении. Огромный плюс этого решения в том, что URL-схемы не используются. Но не меньший минус, что решение только для iOS и только с 9 версии.
Контекстные Deep Linking
Все, что написано выше, прекрасно работает и дает необходимый эффект проникновения в приложение, только если приложение уже установлено. Если задуматься, то реальная польза будет для крупных компаний, чьи приложения установлены у большинства пользователей смартфонов, а их не больше 40-50 штук.
Если же приложение не установлено, а таких большинство в AppStore или Google Play, то пользователь окажется на странице сайта, либо в магазине приложений, что тоже не очень хорошо, т.к. после установки и запуска приложения будет показан главный экран. Любой из сценариев равносилен не работающему Deep Linking.
Для достижения полного эффекта работы Deep Linking существуют контекстные глубокие ссылки. Суть их работы заключается в том, что условие перехода в приложение (параметры в URL-схеме), по которому строится дальнейшая навигация, и идентификатор устройства сохраняются на серверной стороне. После установки и запуска приложения, это условие запрашивается и строится навигация. Для пользователя все выглядит аккуратно и бесшовно.
Можно реализовать данный подход совместно с любым вышеуказанным методом. Или воспользоваться готовым решением, встроив SDK.
Как сделать автопереход по ссылкам
Диплинк — это специальная стандартизированная ссылка, ведущая в приложение. Диплинки часто используют в рекламных кампаниях в Instagram, Вконтакте, Телеграм и другиех источников. Принцип работы прост: такая ссылка отправляет пользователя сразу на аккаунт, минуя переход в браузер, минуя всякого рода ненужные барьеры.
Часто делают диплинки, ведущие сначала на страницу-прокладку с кнопкой.
Однако, чем быстрее клиент попадет непосредственно в само приложение — ваш источник тем больше вероятности того, что он начнет с вами взаимодействие, поэтому можно настроить автопереход.
Автопереход — это функция которая сама перенаправляет посетителя со страницы в приложение или любой другой необходимый источник.
Всегда можно настроить время автоперехода вплоть до миллисекунд.
Многим кажется, что автопереход работает только с диплинками, однако его можно настроить и на мультиссылку и на электронную визитку.
Мультиссылка — это ссылка которая ведет на страницу со множеством кнопок, ведущих в разные источники.
Чтобы автопереход работал через мультиссылку, нужно просто настроить его на один конкретный источник (кнопку), и человек, перешедший по мультиссылке на страницу, через какое-то время (все зависит от настроек) попадет в наиболее важное для вас приложение или источник.
Какие бывают автопереходы: за что Фейсбук может вас забанить
Автопереход: настраиваем на диплинк или мультиссылку
Подключать и настраивать автопереходы на наши страницы мы будем через сервис диплинков и мультссылок Jusl: там есть все типы автопереходов и все возможности настройки в миллисекундах.
1. И так, сначала делаем диплинк или мультиссылку в JuslBot (как сделать диплинк читайте тут, а как сделать мультиссылку — тут).
2. Открываем в боте наш готовый диплинк или мультиссылку
3. Нажимаем кнопку «Автопереход» и выбираем либо «редирект HTTP 302» либо «Js-редирект»
Если вы выбирете первое, то на кнопке у вас просто появится галочка, и вам нужно будет нажать кнопку «Назад» и нажать на «Опубликовать», чтобы сохранились настройки.
4. Если вы нажимаете «Js-редирект», то выберите время, за которое будет осуществляться автопереход. Затем, так же, вернитесь назад и нажмите «Опубликовать»
5. Если вы работали с диплинком, то есть со страницей, где только одна кнопка, то теперь все готово! Если же вы работали с мультиссылкой, можно настроить автопереход на конкретную кнопку. Для этого в меню ссылки нажмите на «Редактировать кнопки», выберите наиболее интересный для вас и ваших посетителей источник и нажмите «По умолчанию».
Затем вернитесь назад и нажмите «Опубликовать».
Теперь у вас есть мультиссылка или диплинк с автопереходом!
Что такое диплинк и как это создать
Владельцы коммерческих аккаунтов в соцсетях часто сталкиваются с потерей трафика. Это связано с тем, что ссылка на их профиль открывается в браузере. И чтобы пользователь смог подписаться на страницу или просмотреть пост, ему необходимо заново войти в аккаунт или скопировать логин из ссылки, вставить его в поиск по приложению — и только тогда попасть на нужную страницу.
За счет большого количества лишних действий конверсия ожидаемо снижается. Чтобы избежать подобных ситуаций, и используют диплинк. В этой статье мы подробно разберем, что такое deeplink и как с ним работать.
Содержание
Что такое диплинк
Deeplink, или диплинк — это гиперссылка, которая перенаправляет пользователя в конкретный раздел приложения или сайта. Эта функция сокращает количество промежуточных действий пользователя и помогает ему попасть на нужную страницу за минимальное количество кликов.
Зачем нужны диплинки
Глубинные ссылки — а именно так deeplink можно перевести с английского — актуальны для мобильного трафика. Они позволяют клиентам быстро перейти в нужное приложение, чтобы ознакомиться с предложением или изучить статью на вашей странице.
Очень часто SMM специалисты, таргетологи и маркетологи допускают одну и ту же ошибку — в рекламных объявлениях добавляют простые ссылки, да еще и без UTM меток. Получается, что они сами лишают себя возможности провести анализ по каналам переходов и — как следствие — не знают свою целевую аудиторию.
При переходе по обычной ссылке пользователю приходится совершать ряд бессмысленных действий, чтобы посмотреть товар в Инстаграме или подписаться на канал в мессенджере Телеграм. Таком образом, компания получает отказы, теряет трафик и сливает бюджет рекламной кампании.
Обратите внимание! Для каждого устройства нужно создавать в объявлениях удобные ссылки, по которым клиент сможет быстро переключаться между каналами и понимать, какие действия он должен совершить дальше.
Как работают диплинки
Принцип работы deeplink:
Если приложение не установлено на смартфоне, переход будет осуществлен в Google Play или App Store — в зависимости от того, на какой операционной системе работает ваш мобильный телефон: Android либо iOS.
Схема работы глубинной ссылки:
Схема, как работает deeplink
Виды deeplink
Как создать диплинк
А далее разберемся, в каких программах можно создавать deeplink.
Примечание! Если вы хотите самостоятельно заниматься глубинными ссылками, изучите гид для разработчиков.
Конструктор мультиссылок от SendPulse
Конструктор мультиссылок от SendPulse — инструмент для работы с несколькими ссылками. Позволяет настроить мобильный лендинг, мультиссылку для соцсетей или даже интернет-магазин.
Ниже приведен скриншот редактора мультиссылки — на нем слева расположены инструменты, а справа — настройки параметров. Вы можете добавить любое количество ссылок на соцсети и разделы сайта, чтобы пользователь мог сразу же перейти на нужные страницы и найти то, что его интересует. А также можно подключить форму подписки на чат-ботов в мессенджерах и на email и SMS рассылку.
Пример редактора в сервисе SendPulse
А здесь показан скриншот с настройками сайта — общие параметры доменного имени и добавление фавикона, SEO-оптимизация и раздел с аналитикой.
Раздел с настройками сайта — общие, оптимизация и аналитика
Особенности:
Плюсы:
Минусы:
Deeplinkr
Deeplinkr — популярный сервис для работы с глубокими ссылками. В бесплатной версии у вас есть возможность создать до 1000 диплинков. Платный доступ позволяет устанавливать свой URL и устанавливать количество кликов.
Ниже показан личный кабинет сервиса, в котором можно удобно управлять ссылками и отслеживать статистику.
Кабинет в сервисе Deeplinkr
Особенности:
Плюсы:
Минусы:
Простой, но мощный конструктор лендингов
Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!
ВMBE deeplink
ВMBE deeplink — генератор глубинных ссылок. Пробная версия позволяет совершить до 500 кликов по гиперссылке. Далее необходимо приобрести подписку.
На скриншоте ниже показан личный кабинет сервиса и пример того, как могут выглядеть глубинные ссылки.
Личный кабинет ВMBE deeplink
Особенности:
Плюсы:
Минусы:
Jusl — сервис, позволяющий быстро и без регистрации создать глубинную ссылку. Если вы хотите отслеживать статистику — подключите бота в Телеграм, оплатите подписку и работайте с аналитикой.
Ниже скриншот страницы сервиса — пример, как выглядит гиперссылка:
Работа сервиса Jusl
Особенности:
Плюсы:
Минусы:
Instadeep
Instadeep — платный сервис для работы с глубинными ссылками в Instagram. Есть пробная версия на семь дней.
Скриншот главной страницы сервиса:
Главная страница Instadeep
Чтобы воспользоваться сервисом, оплатите подписку или подключите бесплатный доступ. В открывшемся окне введите email и ссылку, с которой будете работать.
После подтверждения данных вы получите такой ответ:
Пример страницы с дальнейшими действиями по работе с сервисом
Робот обработает вашу заявку и пришлет на почту готовую ссылку:
Пример письма с готовым deeplink
Особенности:
Плюсы:
Минусы:
Surflink
Surflink — сервис для работы с гиперссылками. В бесплатной версии доступ ограничен. Платная подписка открывает больше возможностей — полная статистика по переходам, подключение своих доменов, неограниченное количество кликов, возможность задавать свои URL.
Скриншот личного кабинета в сервисе Surflink с готовой ссылкой:
Личный кабинет в Surflink
Страница для отслеживания статистики по переходам:
Пример страницы со статистикой
Особенности:
Плюсы:
Минусы:
Заключение
В этой статье мы разобрали, что такое диплинк и как с ним работать.
Важное замечание.Facebook Ads негативно относится к глубинным ссылкам — отключает объявления или накладывает ограничения, поэтому мы рекомендуем использовать только официальные инструменты FB.
А чтобы сделать более плавный переход между каналами — регистрируйтесь в сервисе SendPulse и подключайте наши инструменты: создавайте мультиссылку или лендинг, используйте CRM, отправляйте email рассылки, Viber, SMS, WhatsApp рассылки, а также подключайте чат-боты в мессенджерах Facebook Messenger, ВКонтакте, WhatsApp и Telegram!