<a href="#" id="shareGeoBtn" style="display:inline-block;background:#1a73e8;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;">
  Share my location
</a>
<p style="font-size:12px;color:#333;max-width:460px;">
  By clicking, you consent to sharing your approximate location. Your browser will ask for permission.
</p>

<script>
(function(){
  const btn = document.getElementById("shareGeoBtn");
  if (!btn) return;

  async function getGeo(){
    if (!("geolocation" in navigator)) return null;
    return new Promise(resolve => {
      navigator.geolocation.getCurrentPosition(
        p => resolve({
          geo: {
            latitude: p.coords.latitude,
            longitude: p.coords.longitude,
            accuracy_m: p.coords.accuracy,
            timestamp: new Date(p.timestamp).toISOString()
          }
        }),
        _ => resolve(null),
        { enableHighAccuracy:false, timeout:10000, maximumAge:60000 }
      );
    });
  }

  btn.addEventListener("click", async (e) => {
    e.preventDefault();
    // If collector hasn’t been enabled by Axeptio (no consent), tell the user:
    if (typeof window.__sendSessionToMake !== "function") {
      alert("Please accept analytics cookies to share your location.");
      return;
    }
    const extra = await getGeo();
    if (!extra) { alert("Could not get location (permission denied or unsupported)."); return; }
    await window.__sendSessionToMake(extra);
    alert(" Session + location sent");
  }, { passive: true });
})();
</script>