Mungkin diantara kalian pastinya pernah melihat beberapa blog atau website yang menampilkan informasi pengunjung berupa ip address, jenis browser, jenis perangkat pengunjung, dll. Nah pada kali ini saya akan membagikan bagaimana cara menampilkan informasi tersebut pada web kalian.
Tentunya bukan hanya sebatas alamat ip pengunjung, namun saya tambhakan beberapa informasi detail mengenai ip, Sistem operasi, jenis perangkat, jenis browser yang digunakan, tingkat baterai yang tersisa, status baterai, lokasi domisili, kota, negara, latitude (lintang), longitude (bujur), tingkat keakuratan lokasi, zona waktu yang dipakai pengunjung, sampai beberapa kemungkinan tempat yang mungkin mereka kunjungi disekitar lokasi tersebut. Cukup ngeri bukan?
Selain itu, kamu dapat menerapkan halaman yang akan kita buat sebagai halaman block pada Web Application Firewall (WAF), yaa sekedar untuk menakuti para heker heker biar ketar ketir. Tenang saja, informasi yang ditampilkan tidak disimpan alias sebatas untuk visitor saja. Jadi kami tidak mengambil informasi apapun dari perangkat yang mengakses halaman WAF tersebut, ya kalau mau sih sebenernya bisa aja🏃💨.
Preview & Cara Pasang
Kurang lebih seperti inilah tampilannya, untuk selebihnya bisa kalian lihat sendiri.
Untuk cara pasangnya cukup mudah, kalian tinggal copy paste kode dibawah ini ke website / blog kalian:
<iframe height="500" src="https://frmfox.coolpage.biz/waf/l.php" style="border-radius: 5px;" width="100%"></iframe>
Atau bisa juga pake yang ini:
Kalian tinggal copy paste kode dibawah ini ke website / blog kalian:
<iframe height="500" src="https://frmfox.coolpage.biz/waf/u.php" style="border-radius: 5px;" width="100%"></iframe>
Cara Kerja
Untuk cara kerja, disini saya memanfaatkan Geoplugin sebagai penampil informasi yang berkaitan dengan lokasi termasuk negara, kota, tempat terdekat, longitude, dan latitude. Sementara detail yang lain, saya hanya menggunakan javascript serta sentuhan sedikit CSS yang ahirnya jadilah sedemikian rupa.
Lokasi ga akurat? Ya memang, ini aja gada allow sama sekali untuk perizinan lokasi di browser kamu kan? Kurang lebih sih, seperti kamu mengetik "where am i " di google search. Kurang lebih akurasinya seperti itu.
Download Source Code
Source code bang? Agar kalian bisa customisasi sesuka hati, kalian bisa langsung download source codenya dibawah ini, gratis dan pastinya tidak ada saya pasangi logger sama sekali :3
Sekian tutorial cara Menampilkan Informasi Detail Pengunjung Pada Blog / Website dengan PHP & JS with Geoplugin, semoga bermanfaat!