Mikrotik
Mikrotik HOTSPOT for advertisement purpose
Use HOTSPOT for advertisement purpose
Assalam-o-Alaikum!
I use HOTSPOT for advertisement purpose. If you want to advertisement you network or some sponsors can be very useful. For example on Access Point create Virtual AP and on that interface configure hotspot. You have all equipment on the field only need little configuration. To do this first you need to configure HOTSPOT easer way is for Winbox using setup.
Click on HotSpot setup and flow the wizard only thing you need to check is DNS name if you don’t have register name for IP address of HOTSPOT don’t enter any in this field otherwise Hotspot don’t work proper.
Enter IP address of DNS server
Leave blank if you don’t assign name in you DNS server for IP address of HOTSPOT.
Enter IP address of DNS server
Leave blank if you don’t assign name in you DNS server for IP address of HOTSPOT.
After that you need to enable trial user.Also enable HTTP CHAP this need to user can login.
In this case use trial user for advertising purpose. We need to change HotSpot login page, login page can be used for advertising. In setting for trial user define session time. User open login page for hotspot and see your advertising, and need to click to process using internet after session time expire again open login page with advertising. Also you need to define trial uptime reset this is time after user can make to use internet again.
Next step is you need to change login page here is one example.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<title>mikrotik hotspot > login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<style type="text/css">
body {font-family: verdana;
text-align: center;
min-width:800px;
background-color: #ffffff;
float:center;
font-family:Palatino Linotype,Tahoma,Lucida Grande,sans-serif;
}
img {border: none;}
a, a:link, a:visited, a:active { text-decoration: none; }
#all { display:table; width:800px; margin: 0px auto;}
#wrapper { border:1px solid #c1c1cc; clear:both; }
#header { font-size: 50px; color: #006FAA; font-style: italic; font-weight: bold;}
#left { width:60%; font-size: 25px; color: #27764A; float:left; margin : 30px 5px 5px 10px; border-top :1px solid #c1c1cc; padding-top: 20px;}
#click { font-size: 20px; color: #131EB5; }
#center { font-size: 20px; color: #131EB5; text-align: left; }
#right { width:30%; margin-top: 30px; margin-left: 15px; float:left; padding-top: 20px; font-size: 20px; border: none;}
#adv {margin-top: 10px;}
#footer {color: #c1c1c1; font-size: 9px; margin-top: 10px; clear:both; font-family: verdana;}
</style>
</head>
<body>
<div id="all">
<div id="wrapper">
<div id="header"><img src="img/logo.jpeg"> Free internet access</div>
<div id="left">
This is free internet acceess with advertizement.
<br>Add you text here
<br><br>To process using please click below
<br> $(if trial == 'yes')<a id="click" href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)">click here</a>.$(endif)
$(if trial != 'yes')Access is temporarily disabled .$(endif)
<div id="center">
<br>Also you can see our sponsor page:
<br> page from wall garden
<div style="color: #FF8080; font-size: 15px; margin-left: 25px; text-decoration: none; ">
<br><a href="http://www.mikrotik.com"> Mikrotik </a>
<br><a href="http://www.mikrotik.com"> Mikrotik 2</a>
</div>
</div>
</div>
<div id="right">
<b>Sponsor by:</b>
<br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/logo.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor2.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor3.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor4.jpeg"> </a><br>
</div>
<div id="footer">Powered by mikrotik routeros © 2005 mikrotik</div>
$(if error)<br /><div style="color: #FF8080; font-size: 9px">$(error)
</div>$(endif)
</div>
</div>
</body>
</html>
<div id="header"><img src="img/logo.jpeg"> Free internet access</div>
This line define logo picture in directory img you can replace with you own logo.
<div id="left"> This is free internet acceess with advertizement. <br>Add you text here <br><br>To process using please click below <br> $(if trial == 'yes')<a id="click" href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)">click here</a>.$(endif) $(if trial != 'yes')Access is temporarily disabled .$(endif)
In this section you can define custom text for page and also have define where user to click to process using internet. If trial user account disable you can also define text.
<br>Also you can see our sponsor page: <br> page from wall garden <div style="color: #FF8080; font-size: 15px; margin-left: 25px; text-decoration: none; "> <br><a href="http://www.mikrotik.com"> Mikrotik </a> <br><a href="http://www.mikrotik.com"> Mikrotik 2</a>
This section login page is for pages garden in wall garden user without clicking can access, this can be your web page or page some sponsors.
You can add some custom text and links to web page like in example.
<b>Sponsor by:</b>
<br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/logo.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor2.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor3.jpeg"> </a><br>
<a href="http://www.mikrotik.com"> <img id="adv" src="img/Sponsor4.jpeg"> </a><br>
</div>
Now you can define small banners for you sponsors or something like this. Also when user click on in open his web page, also you can add this page in wall garden to allow user without login to browsing this page.
Post a Comment
0 Comments