<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>