🚀 Tutorial: Hotspot Social MikroTik (Instagram Redirect)
Crie um portal de Wi-Fi que redireciona o usuário para o perfil do Instagram da empresa após a conexão, utilizando uma MikroTik RB750.
📋 Pré-requisitos
- Hardware: MikroTik RB750 (qualquer versão) + 1 Access Point (roteador comum para o Wi-Fi).
- Software: Winbox instalado no PC.
- Topologia: Modem da Internet → Porta 1 (WAN) da RB750 | Porta 2 (LAN) da RB750 → Access Point.
1. Configurando o Servidor Hotspot
No Winbox, vamos configurar o serviço básico:
- Vá em IP > Hotspot.
- Clique em Hotspot Setup.
- Selecione a porta onde está o Access Point (ex: ether2).
- Siga o assistente (Next, Next...) até o final.
Dica: Em DNS Name, defina um endereço amigável, como wifi.local.
2. Liberando o Instagram antes do Login (Walled Garden)
Para que o celular do cliente consiga carregar seu perfil antes de ele estar logado, precisamos "abrir um buraco" no firewall.
Vá em IP > Hotspot > Walled Garden. Clique no +. Em Dst. Host, adicione os seguintes domínios (um por um):
*.instagram.com
*.cdninstagram.com
*.facebook.com
*.fbcdn.net
3. Criando o Usuário Único
Este será o usuário "fantasma" que o botão de login usará nos bastidores.
- Vá em IP > Hotspot > Users.
- Clique no +.
- Name:
visitante| Password:123. - Em User Profiles, clique no perfil
defaulte defina o Session Timeout (ex:01:00:00para 1 hora de uso).
4. Customizando a Página de Login (HTML)
Agora vamos transformar a tela de login em um botão de marketing.
- No Winbox, vá no menu Files e localize a pasta
hotspot. - Arraste o arquivo
login.htmlpara a sua área de trabalho. - Abra-o com o Bloco de Notas ou VS Code.
Localize a tag <form> e substitua todo o bloco de login por este código:
<!-- Início do Container de Login -->
<div style="text-align: center; margin-top: 50px; font-family: sans-serif;">
<h2 style="color: #333;">Seja Bem-vindo ao nosso Wi-Fi!</h2>
<p>Para liberar sua internet, siga nosso perfil no Instagram:</p>
<form name="login" action="$(link-login-only)" method="post">
<!-- Login automático com o usuário criado -->
<input type="hidden" name="username" value="visitante" />
<input type="hidden" name="password" value="123" />
<!-- Redirecionamento após o clique -->
<input type="hidden" name="dst" value="https://instagram.com/SEU_PERFIL_AQUI" />
<!-- Botão Estilizado -->
<button type="submit" style="
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
color: white; border: none; padding: 15px 30px; border-radius: 50px;
font-size: 18px; font-weight: bold; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
Seguir e Liberar Internet 📸
</button>
</form>
</div>
Importante: Troque SEU_PERFIL_AQUI pela sua arroba ou link do perfil. Salve o arquivo e arraste-o de volta para a pasta Files no Winbox para substituir o original.
5. Ajuste de Cookies (Opcional, mas recomendado)
Para evitar que o cliente tenha que "logar" toda vez que o sinal Wi-Fi oscilar:
- Vá em IP > Hotspot > Server Profiles.
- Abra o seu perfil e vá na aba Login.
- Marque apenas as opções HTTP CHAP e Cookie.
🏁 Como testar?
- Conecte um celular no Wi-Fi.
- A tela de login (Captive Portal) deverá abrir automaticamente.
- Ao clicar no botão, o celular deve liberar o acesso à internet e abrir o navegador (ou o app do Instagram) direto no perfil configurado.