import React, { useState, useEffect } from 'react'; import { TrendingUp, Lock, ArrowRight, CheckCircle, AlertTriangle, Clock, ShieldCheck, MessageCircle } from 'lucide-react'; // ========================================== // 🔧 配置区域 (请在此处修改您的信息) // ========================================== const CONFIG = { // 1. Google Analytics 4 衡量 ID (格式: G-XXXXXXXXXX) GA_MEASUREMENT_ID: 'G-YOUR_GA_ID_HERE', // 2. 自定义 GA4 事件名称 (用于 Google Ads 转化回传) GA_EVENT_NAME: 'generate_lead_whatsapp', // 3. WhatsApp 接收号码 (包含国家代码,不带+号,例如 8613800000000) WHATSAPP_NUMBER: '34600000000', // 4. WhatsApp 预设发送消息 (URL编码会自动处理) WHATSAPP_MESSAGE: 'Hola, quiero obtener mi lista exclusiva de acciones 2025.', // 5. 自动跳转延迟 (毫秒) AUTO_REDIRECT_DELAY: 2500 }; export default function SpanishLanding() { const [step, setStep] = useState(1); // 1: Info, 2: Question, 3: Success const [timeLeft, setTimeLeft] = useState({ minutes: 4, seconds: 59 }); // ------------------------------------------------ // GA4 初始化代码 (组件加载时自动执行) // ------------------------------------------------ useEffect(() => { // 检查是否已经存在 GA 脚本,避免重复添加 if (!document.getElementById('ga-script')) { const script = document.createElement('script'); script.id = 'ga-script'; script.async = true; script.src = `https://www.googletagmanager.com/gtag/js?id=${CONFIG.GA_MEASUREMENT_ID}`; document.head.appendChild(script); window.dataLayer = window.dataLayer || []; function gtag(){window.dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', CONFIG.GA_MEASUREMENT_ID); // 这里的 gtag 是挂载在 window 上的,定义一个全局引用方便后续调用 window.gtag = gtag; } }, []); // ------------------------------------------------ // WhatsApp 跳转核心功能 + GA4 事件回传 // ------------------------------------------------ const handleWhatsAppRedirect = () => { // 1. 触发 GA4 事件 if (window.gtag) { console.log(`Sending GA4 Event: ${CONFIG.GA_EVENT_NAME}`); window.gtag('event', CONFIG.GA_EVENT_NAME, { 'event_category': 'conversion', 'event_label': 'whatsapp_click', 'value': 1 }); } else { console.warn("GA4 not initialized yet, skipping event track."); } // 2. 构建 WhatsApp URL const message = encodeURIComponent(CONFIG.WHATSAPP_MESSAGE); const whatsappUrl = `https://wa.me/${CONFIG.WHATSAPP_NUMBER}?text=${message}`; // 3. 执行跳转 window.location.href = whatsappUrl; }; // ------------------------------------------------ // 倒计时逻辑 // ------------------------------------------------ useEffect(() => { const timer = setInterval(() => { setTimeLeft((prev) => { if (prev.seconds > 0) { return { ...prev, seconds: prev.seconds - 1 }; } else if (prev.minutes > 0) { return { minutes: prev.minutes - 1, seconds: 59 }; } else { clearInterval(timer); return { minutes: 0, seconds: 0 }; } }); }, 1000); return () => clearInterval(timer); }, []); // ------------------------------------------------ // 自动跳转逻辑 (仅在 Step 3 激活) // ------------------------------------------------ useEffect(() => { if (step === 3) { const redirectTimer = setTimeout(() => { handleWhatsAppRedirect(); }, CONFIG.AUTO_REDIRECT_DELAY); return () => clearTimeout(redirectTimer); } }, [step]); const handleNext = () => { setStep(step + 1); }; return (
Informe Confidencial 2025
Has sido seleccionado para acceder a la lista exclusiva de acciones de alto rendimiento.
Los analistas confirman la tendencia alcista inminente.
Precio Actual
€0.87
En 7 Días
€26.80
Proyección 30 Días
€69.20
Potencial a Largo Plazo (2026)
Compra 200 acciones hoy
Obtén €2,000,000
Responde una pregunta para desbloquear el reporte.
Conectando con asesor en WhatsApp...
Si no redirige automáticamente, haz clic en el botón.
DESCARGO DE RESPONSABILIDAD: El comercio de acciones implica riesgos. Los rendimientos pasados no garantizan resultados futuros. Esta proyección se basa en análisis de mercado simulados.
© 2025 Invest Pro ES. Todos los derechos reservados.