Cara Simpel Deteksi Lokasi Pengunjung dengan JavaScript

Anda mungkin tertarik untuk mendeteksi keberadaan setiap pengunjung blog Anda. Disini saya punya cara yang sangat sederhana. Mengapa sederhana? karena untuk mewujudkannya, Anda hanya perlu menggunakan kode script satu baris, itupun tidak full.
Kode itu adalah:  navigator.language 
Dengan navigator.language, Anda dapat melihat dimana dia berada. Namun ini tidak 100% tepat. Kenapa? karena kode ini akan memprediksi menurut bahasa browser, bukan lokasi sebenarnya.

Misalnya pada Chrome, Anda setting bahasa browser dari Indonesia menjadi bahasa inggris, maka script ini akan menampilkan hasil Bahasa Inggris, bukan Bahasa Indonesia. Meskipun begitu, ini bukan berarti buruk, karena rata-rata orang tidak melakukan itu.

Bagaimana cara merubah bahasa di browser Chrome?
  • Silahkan masuk ke halaman ini. Anda akan melihat tampilan seperti ini:
bahasa browser
  • Pilih salah satu bahasa, selanjutnya klik Simpan.
Sebagai contoh, misalnya Anda menggunakan browserke bahasa Indonesia, script akan menghasilkan "id" sedangkan jika menggunakan bahasa Rusia, script akan menampilkan "ru" dan seterusnya.

Contoh penggunaan:
<div id="bahasa-kamu"></div>
<script>
document.getElementById("bahasa-kamu").innerHTML =  navigator.language;
</script>
Terkadang kita perlu menambahkan user agar work di berbagai jenis browser, misalnya navigator.language || navigator.userLanguage;

Daftar kode negara lengkap (list)
af, sq, ar-SA, ar-IQ, ar-EG, ar-LY, ar-DZ, ar-MA, ar-TN, ar-OM, ar-YE, ar-SY, ar-JO, ar-LB, ar-KW, ar-AE, ar-BH, ar-QA, eu, bg, be, ca, zh-TW, zh-CN, zh-HK, zh-SG, hr, cs, da, nl, nl-BE, en, en-US, en-EG, en-AU, en-GB, en-CA, en-NZ, en-IE, en-ZA, en-JM, en-BZ, en-TT, et, fo, fa, fi, fr, fr-BE, fr-CA, fr-CH, fr-LU, gd, gd-IE, de, de-CH, de-AT, de-LU, de-LI, el, he, hi, hu, is, id, it, it-CH, ja, ko, ko, lv, lt, mk, mt, no, no, pl, pt-BR, pt, rm, ro, ro-MO, ru, ru-MI, sz, sr, sr, sk, sl, sb, es, es-AR, es-GT, es-CR, es-PA, es-DO, es-MX, es-VE, es-CO, es-PE, es-EC, es-CL, es-UY, es-PY, es-BO, es-SV, es-HN, es-NI, es-PR, sx, sv, sv-FI, th, ts, tn, tr, uk, ur, ve, vi, xh, ji, zu

Contoh penggunaan kode lebih nyata
<div id="bahasa-kamu"></div>
<script>
var youLang = navigator.language || navigator.userLanguage;
if ((youLang)=="en-US"){document.getElementById("bahasa-kamu").innerHTML ="Anda menggunakan bahasa Inggris"}
if ((youLang)=="id"){document.getElementById("bahasa-kamu").innerHTML ="Anda menggunakan bahasa Indonesia"}
</script>

Contoh Hasil bisa dicek dibawah
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini