🌐 Ziyaretçi Bilgi Analiz Sistemi
Gerçek Zamanlı IP Konum Ve Tarayıcı Tespiti
Web Sitenize Gelen Ziyaretçilerin Kimliğini Ve Konumunu Anında Keşfedin Kandallı Studio Tarafından Hazırlanan Bu HTML & JavaScript Çözümü Ziyaretçilerinizin IP Adresi Bulunduğu Şehir Bölge Ülke Ve Kullandıkları Tarayıcı Bilgilerini Sade Ve Şık Bir Arayüzle Sunar
🛠️ Sistemin Teknik Detayları:
- ipapi.co Entegrasyonu: Kesin Konum Ve Ağ Bilgileri İçin API Desteği
- Navigator API: Tarayıcı Versiyonu Ve Sistem Bilgisi Tespiti
- Temaya Uyumlu Tasarım: Ek Bir CSS Gerekmeden Mevcut Blog Temanıza Adaptasyon
- Asenkron Yükleme: Sayfa Hızını Etkilemeyen Hızlı Veri Çekme Teknolojisi
"Ziyaretçilerinizin Nereden Bağlandığını Bilmek Kullanıcı Deneyimini Kişiselleştirmenize Ve Güvenlik Analizleri Yapmanıza Yardımcı Olur"
Web sitenize gelen ziyaretçilerin teknik bilgilerini sade ve temaya uyumlu bir şekilde göstermek istiyorsanız sizin için hazırladığımız bu HTML & JavaScript çözümünü kullanabilirsiniz ipapi.co altyapısı sayesinde ek bir backend kurulumuna gerek kalmadan tüm verileri asenkron olarak çekebilirsiniz
⚡ Sizin Bilgileriniz (Canlı Demo)
IP Adresi: Yükleniyor...
Lokasyon: Yükleniyor...
Tarayıcı: Yükleniyor...
Yayınlanacak HTML & JS Kodu
<div id="ziyaretci-bilgi">
<p><strong>IP Adresi:</strong> <span id="ip">Yükleniyor...</span></p>
<p><strong>Şehir:</strong> <span id="sehir">Yükleniyor...</span></p>
<p><strong>Bölge:</strong> <span id="bolge">Yükleniyor...</span></p>
<p><strong>Ülke:</strong> <span id="ulke">Yükleniyor...</span></p>
<p><strong>Tarayıcı:</strong> <span id="tarayici">Yükleniyor...</span></p>
</div>
<script>
async function ziyaretciBilgisiGetir() {
try {
const yanit = await fetch('https://ipapi.co/json/');
const bilgi = await yanit.json();
document.getElementById('ip').textContent = bilgi.ip || '-';
document.getElementById('sehir').textContent = bilgi.city || '-';
document.getElementById('bolge').textContent = bilgi.region || '-';
document.getElementById('ulke').textContent = bilgi.country_name || '-';
document.getElementById('tarayici').textContent = navigator.userAgent;
} catch (hata) {
document.getElementById('ziyaretci-bilgi').innerHTML = 'Veri alınamadı';
}
}
ziyaretciBilgisiGetir();
</script>