Redirect on Wi-Fi connection (similar to Hotspot)

I’m making a project where it’s necessary to monitor the state of device via web page.
The device and host (from which we are going to view this webpage) are both connected to the Mikrotik mAP lite router via Wi-Fi.

The idea is to do a simple redirect to desired web page on each Wi-Fi connection (similar to how hotspot login page popsup).

  1. User connects to Wi-Fi.
  2. Desired web page opens in browser (or the first DNS query redirects user to this page).
  3. After that the internet access is working normally.

Replacing the hotspot login page with desired page would’ve been a perfect solution.
But if i understood it right then as a result of replacing login.html page we will lose ability to use internet?
Because every DNS query will redirect us to this page if we are not logged in.

Right now i have no idea how i can achieve such thing.
I need your professional advice or atleast a tip where and what to look for.
Thank you very much in advance!

I have done this before by replacing login.html with a page that does and auto login when it loads. Up to you how you do it but embed a generic username and password in a form in the page and have it auto submit the page on load (amending this https://wiki.mikrotik.com/wiki/Manual:Customizing_Hotspot#One_click_login) or do a meta redirect in index.html to something like /login?user=username&password=password&dst=http://final.landingpage.com.