Hoje eu inauguro uma sessão nova aqui no blog, chamada: “Caixa de ferramentas“.
São hacks, macetes e até “milagres” para infraestrutura e ferramentas usadas em lançamentos e no marketing digital.
Vou falar sobre construção de Landing Pages, performance, automação de e-mails, automação de mensagens de grupos de whatsapp e tudo que faz parte do universo das vendas on-line, lançamentos e produtos vendidos no perpétuo.
O milagre de hoje é o deep link…
Um deep link, basicamente, é um link que te leva a um conteúdo da internet. A maioria dos links na web já são deep links.
Mas, nem tudo são flores nesse marzão chamado internet…
Links do YouTube não funcionam muito bem com alguns aplicativos de celular, como o Instagram, por exemplo.
Você divulga links do YouTube no Instagram e em campanhas?
Se você inserir o link direto de um vídeo ou live do YouTube no seu perfil do Instagram ou no stories, quando o usuário clicar neste link, o seu vídeo abrirá no navegador web do celular e não no aplicativo do YouTube.
Isso é um problema porque a maioria dos usuários não faz login no YouTube pelo navegador do celular, mas sim pelo aplicativo do YouTube instalado nele, que tem uma melhor experiência de uso do que a versão mobile do site youtube.com.
O fato do usuário não estar logado no YouTube não vai impedi-lo de assistir ao vídeo, mas ele não poderá curtir o seu conteúdo, se inscrever no seu canal, ativar lembretes e nem deixar comentários.
Frustrante, né?
Se você deseja fazer remarketing pra quem assistiu ao seu vídeo, se essa pessoa não estiver logada no YouTube, esquece! Seu anúncio não poderá ser exibido pra ela depois.
E eu aposto que você nem sabia disso, né?
Qual é a solução deep link para YouTube?
Se você quer compartilhar o seu vídeo ou live do YouTube com a sua audiência através do Instagram, da forma correta e ter a certeza que eles irão para o app do YouTube e não para o navegador do celular, você deve utilizar um deep link inteligente que é um redirecionador automático.
Ele identifica se o usuário está no celular e o encaminha automaticamente para o aplicativo ao invés do navegador.
Existem empresas como a URL Genius que vendem este serviço de redirecionamento. É muito bom, é simples, é prático, mas há um preço a ser pago por isso ¯\_(ツ)_/¯ .
Porém, se você quer ter o seu próprio deep link personalizado, no seu site, no seu domínio, com a possibilidade de contar os cliques, além de marcar a sua audiência no pixels do Facebook e do Google e DE GRAÇA, na faixa, com custo zero… eu te dou a solução e o código agora de presente!
<script type="text/javascript">
window.onload = function() {
var desktopFallback = "https://youtube.com/watch?v=6ziNWkzlFPw",
mobileFallback = "https://youtube.com/watch?v=6ziNWkzlFPw",
app = "vnd.youtube://6ziNWkzlFPw";
if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
window.location = app;
window.setTimeout(function() {
window.location = mobileFallback;
}, 25);
} else {
window.location = desktopFallback;
}
function killPopup() {
window.removeEventListener('pagehide', killPopup);
}
window.addEventListener('pagehide', killPopup);
};
</script>
Instruções de uso
Copie e cole esse código entre as tags <body> e </body> da sua página HTML.
Se você usa WordPress, Builderall, ou qualquer outro construtor de páginas e sites, pode inserir o código através de um widget.
Lembre-se de trocar os IDs dos vídeos no código pelo ID do seu vídeo.
O ID do vídeo do YouTube é o que aparece logo após o ?v=
Neste exemplo aqui o ID do vídeo está em vermelho https://youtube.com/watch?v=6ziNWkzlFPw
Cada vídeo ou live do YouTube tem o seu próprio ID, então, pra cada vídeo, você precisará de um novo link de redirecionamento.
Atenção! Isso é um redirecionamento automático, ele leva 1 segundo pra redirecionar o usuário para o app do YouTube, então, a página onde o código será inserido pode (e deve) estar em branco, apenas com este código, pra carregar mais rápido e mais leve.
Bônus
Eu disse “página em branco”, mas não quer dizer que você não possa inserir pelo menos um elemento pra aparecer enquanto o usuário aguarda o redirecionamento…
Insira um gif animado, como este acima, no centro da sua página com a palavra “carregando…”.
Vai por mim! Vai dar um charme especial e um ar de profissionalismo ao seu projeto.
Conclusão
Você pode e deve compartilhar essa solução com seus amigos e equipe de lançamento.
Vou pedir apenas uma única coisa:
Se for republicar em outro lugar, cite a fonte com a URL deste artigo, combinado?
Um abraço e deixe suas dúvidas nos comentários aqui em baixo.
