Saldatrice laser portatile Smart HWE

// ========================================
// 🎯 CONFIGURAZIONE A/B TEST - MODIFICA QUI
// ========================================

const AB_TEST_CONFIG = {
    // Nome del test (per localStorage e tracking)
    testName: 'landing_principale',
    
    // Probabilità split (0.5 = 50/50, 0.3 = 30/70, ecc)
    splitProbability: 0.5,
    
    // Definizione delle varianti
    variants: {
        // ==================
        // VARIANTE A
        // ==================
      cta_chiamata: {
            name: 'CTA Chiamata',
            weight: 50, // Peso percentuale (opzionale, usa splitProbability se non specificato)
            
            elements: [
                {
                    name: 'cta_chiamata',
                    target: '.cta-landing', // Classe CSS
                    text: 'Voglio ricevere una chiamata ora'
                }
            ]
        },

      
        /*variante_classica: {
            name: 'Versione Classica',
            weight: 50, // Peso percentuale (opzionale, usa splitProbability se non specificato)
            
            elements: [
                {
                    name: 'titolo_principale',
                    target: '#brxe-locrgw', // Classe CSS
                    text: 'Scopri il nostro servizio innovativo',
                    css: {
                        'color': '#333333',
                        'font-size': '2.5rem',
                        'font-weight': '700'
                    }
                },
                {
                    name: 'bottone_cta',
                    target: '.test-bottone',
                    text: 'Inizia Ora',
                    css: {
                        'background-color': '#ff6b6b',
                        'color': 'white',
                        'border-radius': '5px',
                        'padding': '15px 30px',
                        'font-weight': 'bold',
                        'border': 'none'
                    }
                },
                {
                    name: 'descrizione',
                    target: '.test-descrizione',
                    text: 'Una soluzione che cambierà il tuo modo di lavorare',
                    css: {
                        'font-size': '1.1rem',
                        'color': '#666666',
                        'line-height': '1.6'
                    }
                }
            ]
        },*/
        
        // ==================
        // VARIANTE B  
        // ==================
       cta_preventivo: {
            name: 'CTA Preventivo',
            weight: 50, // Peso percentuale (opzionale, usa splitProbability se non specificato)
            
            elements: [
                {
                    name: 'cta_preventivo'
                }
            ]
        }
        
        // ==================
        // AGGIUNGI QUI ALTRE VARIANTI
        // ==================
        /*
        variante_aggressiva: {
            name: 'Versione Aggressiva',
            weight: 0, // 0 = disabilitata
            
            elements: [
                {
                    name: 'titolo_speciale',
                    target: '#brxe-ahsuah', // Puoi usare anche ID specifici di Bricks
                    text: '⚡ OFFERTA LIMITATA - Solo oggi!',
                    css: {
                        'color': 'red',
                        'font-size': '4rem',
                        'animation': 'pulse 1s infinite'
                    }
                }
            ]
        }
        */
    }
};

// ========================================
// 🚀 MOTORE A/B TEST - NON MODIFICARE
// ========================================

class ABTestEngine {
    constructor(config) {
        this.config = config;
        this.currentVariant = null;
        this.variantKey = null;
        this.storageKey = `ab_test_${config.testName}`;
    }
    
    // Sceglie la variante (con split personalizzabile)
    chooseVariant() {
        // Controlla se già salvata
        let saved = localStorage.getItem(this.storageKey);
        if (saved && this.config.variants[saved]) {
            this.variantKey = saved;
            this.currentVariant = this.config.variants[saved];
            return;
        }
        
        // Ottieni varianti attive (weight > 0)
        const activeVariants = Object.entries(this.config.variants)
            .filter(([key, variant]) => !variant.weight || variant.weight > 0);
            
        if (activeVariants.length === 0) {
            console.error('Nessuna variante attiva trovata!');
            return;
        }
        
        // Se ci sono solo 2 varianti, usa splitProbability
        if (activeVariants.length === 2) {
            const random = Math.random();
            const selectedIndex = random < this.config.splitProbability ? 0 : 1;
            this.variantKey = activeVariants[selectedIndex][0];
        } else {
            // Per più varianti, usa i pesi
            const totalWeight = activeVariants.reduce((sum, [key, variant]) => 
                sum + (variant.weight || 50), 0);
            
            let random = Math.random() * totalWeight;
            
            for (const [key, variant] of activeVariants) {
                random -= (variant.weight || 50);
                if (random <= 0) {
                    this.variantKey = key;
                    break;
                }
            }
        }
        
        this.currentVariant = this.config.variants[this.variantKey];
        localStorage.setItem(this.storageKey, this.variantKey);
        
        console.log(`🎯 A/B Test "${this.config.testName}" - Variante scelta: ${this.currentVariant.name}`);
    }
    
    // Applica la variante selezionata
    applyVariant() {
        if (!this.currentVariant) return;
        
        this.currentVariant.elements.forEach(element => {
            const targets = document.querySelectorAll(element.target);
            
            targets.forEach(target => {
                // Applica testo se specificato
                if (element.text) {
                    target.textContent = element.text;
                }
                
                // Applica CSS se specificato
                if (element.css) {
                    Object.entries(element.css).forEach(([property, value]) => {
                        target.style[property] = value;
                    });
                }
                
                // Aggiungi attributo per debugging
                target.setAttribute('data-ab-element', element.name);
                target.setAttribute('data-ab-variant', this.variantKey);
            });
        });
        
        // Aggiungi classe al body per CSS globali
        document.body.classList.add(`ab-variant-${this.variantKey}`);
    }
    
    // Popola campi hidden dei form
    populateHiddenFields() {
        const fields = document.querySelectorAll('input[name="ab-versione"]');
        fields.forEach(field => {
            field.value = this.variantKey;
        });
    }
    
    // Setup tracking sui bottoni CTA
    setupTracking() {
        // Track sui bottoni principali
        const ctaButtons = document.querySelectorAll('.test-bottone, [data-ab-track="cta"]');
        ctaButtons.forEach(button => {
            button.addEventListener('click', () => {
                this.trackEvent('cta_click');
            });
        });
    }
    
    // Traccia eventi
    trackEvent(eventName, additionalData = {}) {
        const eventData = {
            event_category: 'AB_Test',
            event_label: `${this.config.testName} - ${this.currentVariant.name}`,
            ab_test_name: this.config.testName,
            ab_variant_key: this.variantKey,
            ab_variant_name: this.currentVariant.name,
            ...additionalData
        };
        
        // Google Analytics
        if (typeof gtag !== 'undefined') {
            gtag('event', eventName, eventData);
        }
        
        // Console per debug
        console.log(`📊 AB Test Event: ${eventName}`, eventData);
    }
    
    // Inizializza tutto
    init() {
        this.chooseVariant();
        if (this.currentVariant) {
            this.applyVariant();
            this.populateHiddenFields();
            this.setupTracking();
            this.trackEvent('page_view');
            
            // Ricontrolla campi hidden dopo 1 secondo (per popup)
            setTimeout(() => this.populateHiddenFields(), 1000);
        }
    }
    
    // Metodi di utilità per debugging
    getCurrentVariant() {
        return {
            key: this.variantKey,
            name: this.currentVariant?.name,
            config: this.currentVariant
        };
    }
    
    forceVariant(variantKey) {
        if (this.config.variants[variantKey]) {
            localStorage.setItem(this.storageKey, variantKey);
            location.reload();
        } else {
            console.error(`Variante "${variantKey}" non trovata!`);
        }
    }
    
    reset() {
        localStorage.removeItem(this.storageKey);
        location.reload();
    }
    
    listVariants() {
        console.table(Object.entries(this.config.variants).map(([key, variant]) => ({
            Chiave: key,
            Nome: variant.name,
            Peso: variant.weight || 'Default',
            Elementi: variant.elements.length
        })));
    }
}

// ========================================
// 🎬 AVVIO AUTOMATICO
// ========================================

// Inizializza quando il DOM è pronto
document.addEventListener('DOMContentLoaded', function() {
    window.ABTest = new ABTestEngine(AB_TEST_CONFIG);
    window.ABTest.init();
});

// ========================================
// 🛠️ COMANDI DEBUG (Console del browser)
// ========================================

// ABTest.getCurrentVariant() - Info variante corrente
// ABTest.forceVariant('variante_moderna') - Forza una variante
// ABTest.reset() - Reset del test
// ABTest.listVariants() - Lista tutte le varianti

/* 
========================================
📝 ISTRUZIONI D'USO:

1. SETUP ELEMENTI IN BRICKS:
   - Titolo: aggiungi classe "test-titolo"
   - Bottone: aggiungi classe "test-bottone"  
   - Descrizione: aggiungi classe "test-descrizione"

2. AGGIUNGERE NUOVE VARIANTI:
   - Copia una variante esistente nel config
   - Cambia nome e elementi
   - Imposta weight > 0 per attivarla

3. SPLIT PERSONALIZZATO:
   - splitProbability: 0.5 = 50/50
   - splitProbability: 0.3 = 30/70
   - Oppure usa weight nelle varianti

4. TARGET ELEMENTI:
   - '.mia-classe' per classi CSS
   - '#brxe-abc123' per ID Bricks specifici
   - 'div[data-id="abc"]' per selettori complessi

5. FORM CF7:
   - Aggiungi [hidden ab-versione] nei tuoi form
   - Funziona automaticamente anche nei popup

========================================
*/