O que é um Deep Link e como utilizá-lo?

Com tantas aplicações na loja de apps, por vezes, torna-se difícil redirecionar um utilizador para a sua aplicação sem oferecer algo em troca.

Para simplificar este processo, uma das formas mais estratégicas de redirecionar o utilizador com sucesso para uma aplicação específica é através da utilização de deep links, ou seja, um tipo de ligação que permite enviar os utilizadores diretamente para uma aplicação com apenas um clique, melhorando e facilitando a respetiva experiência.

A utilização de deep links é extremamente eficaz, especialmente em campanhas de marketing ou em ações de retargeting. Por exemplo, uma aplicação de alimentos para animais que pretenda apresentar um novo produto aos seus clientes habituais com uma promoção especial pode utilizar um deep link para redirecionar automaticamente o utilizador para a página correta da aplicação.

A forma mais simples e fácil de redirecionar o utilizador para uma aplicação específica é através de uma URL scheme.

Na nossa aplicação, utilizamos o mesmo formato de URL scheme, tanto para iOS como para Android.

Exemplo:

Iremos utilizar a seguinte URL scheme para exemplificar:

Para redirecionar para um "ecrã" específico da nossa app com parâmetros de URL, deve parecer-se com isto:

Para redirecionar os utilizadores para a app deve, primeiramente, redirecioná-los para um link numa página web.

Nessa página, vamos aplicar a lógica de manter o utilizador na nossa página ou abrir a app.

Exemplo Prático

1. Identificar o sistema operativo do utilizador (iOS/Android): Primeiro, precisamos identificar o sistema operativo do utilizador. Isso pode ser feito através do user agent do navegador ou através de alguma biblioteca 

JavaScript

2. Tentar abrir a App: Assim que o utilizador aceder à nossa página web, devemos usar um script para tentar abrir a aplicação nativa instalada no telemóvel. Para tal, utilizamos uma função de redirecionamento JavaScript que passa pela "URL scheme" da nossa aplicação.

JavaScript Vanilla

Exemplo de React

Neste caso, o redirecionamento automático só funcionará se o utilizador tiver acedido a partir de um link externo (por exemplo, um e-mail). Se o utilizador copiar a URL para o navegador, o comportamento será diferente.

Por razões de segurança, é o próprio navegador que bloqueia um redirecionamento automático para a aplicação nativa, sem que o utilizador tenha de confirmar se realmente deseja ser redirecionado.

Exemplo de mensagem de erro que o navegador mostra ao tentarmos redirecionar:

3. Colocar um "pop-up" de confirmação de redirecionamento: Como explicado acima, se o utilizador não for redirecionado pela aplicação de correio eletrónico instalada no seu dispositivo e aceder diretamente à URL no navegador, o script tentará redirecioná-lo para a aplicação. O bloqueio por parte do utilizador será efetivo e ele não será redirecionado.

Para que isso aconteça, é necessário colocar um pop-up de confirmação para o utilizador, perguntando se ele realmente quer ser redirecionado para a aplicação. Ao utilizar este pop-up de confirmação, o navegador não bloqueará o redirecionamento, pois o utilizador já tomou uma ação prévia.