Ingresa tu código de estudiante

const sessionStart = Date.now();
let firstTargetTime = 0;
let frames = 0;
let fpsStartedAt = performance.now();
let lastFps = 0;

function trackEvent(eventName, params = {}) {
  if (typeof gtag !== "function") return;
  gtag("event", eventName, {
    course: "ga4_webar_advanced",
    experience: "mindar_image_tracking",
    session_age_ms: Date.now() - sessionStart,
    ...params
  });
}

function getDeviceMetrics() {
  return {
    viewport_width: window.innerWidth,
    viewport_height: window.innerHeight,
    device_pixel_ratio: window.devicePixelRatio || 1,
    language: navigator.language,
    platform: navigator.platform,
    device_memory_gb: navigator.deviceMemory || 0,
    connection_type: navigator.connection?.effectiveType || "unknown"
  };
}

function measureFps() {
  frames += 1;
  const elapsed = performance.now() - fpsStartedAt;
  if (elapsed >= 1000) {
    lastFps = Math.round((frames * 1000) / elapsed);
    frames = 0;
    fpsStartedAt = performance.now();
  }
  requestAnimationFrame(measureFps);
}

function trackPerformanceReady() {
  const nav = performance.getEntriesByType("navigation")[0];
  trackEvent("webar_performance_ready", {
    load_time_ms: Math.round(nav?.loadEventEnd || 0),
    dom_ready_ms: Math.round(nav?.domContentLoadedEventEnd || 0),
    ...getDeviceMetrics()
  });
}

window.addEventListener("error", (event) => {
  trackEvent("webar_error", {
    message: event.message,
    source: event.filename,
    line: event.lineno
  });
});

document.addEventListener("visibilitychange", () => {
  trackEvent("visibility_change", {
    state: document.visibilityState
  });
});

window.addEventListener("beforeunload", () => {
  trackEvent("webar_session_end", {
    duration_ms: Date.now() - sessionStart,
    last_fps: lastFps
  });
});

requestAnimationFrame(measureFps);
window.addEventListener("load", trackPerformanceReady);

window.trackEvent = trackEvent;
window.getDeviceMetrics = getDeviceMetrics;
window.getLastFps = () => lastFps;
window.markFirstTarget = () => {
  if (!firstTargetTime) firstTargetTime = Date.now() - sessionStart;
  return firstTargetTime;
};

const target = document.querySelector("#target");
const statusText = document.querySelector("#status");
const cta = document.querySelector("#cta");
const leadForm = document.querySelector("#lead-form");
let targetFoundAt = 0;
let detectionCount = 0;

trackEvent("webar_page_open", getDeviceMetrics());

target.addEventListener("targetFound", () => {
  targetFoundAt = Date.now();
  detectionCount += 1;
  statusText.textContent = "Marcador detectado.";
  trackEvent("target_found", {
    target_index: 0,
    detection_count: detectionCount,
    time_to_first_target_ms: markFirstTarget(),
    fps: getLastFps()
  });
});

target.addEventListener("targetLost", () => {
  const dwellTimeMs = Date.now() - targetFoundAt;
  statusText.textContent = "Marcador perdido.";
  trackEvent("target_lost", {
    target_index: 0,
    dwell_time_ms: dwellTimeMs,
    fps: getLastFps()
  });
});

cta.addEventListener("click", () => {
  trackEvent("cta_click", {
    cta_label: cta.textContent.trim(),
    cta_url: cta.href,
    dwell_time_ms: targetFoundAt ? Date.now() - targetFoundAt : 0
  });
});

leadForm.addEventListener("submit", (event) => {
  event.preventDefault();
  const form = new FormData(leadForm);
  trackEvent("lead_submit", {
    lead_type: "advanced_webar",
    has_email: Boolean(form.get("email")),
    detection_count: detectionCount
  });
  leadForm.reset();
});