managarten/uload/docs/ab-testing-multilingual-test.md

A/B Testing - Multilingual Testing Guide

✅ Status: IMPLEMENTIERT

Das A/B Testing System ist jetzt vollständig multilingual!

Test URLs mit verschiedenen Sprachen

1. Sprachwechsel testen

Öffne eine Variante und wechsle die Sprache über den Language Switcher in der Navigation:

• http://localhost:5173/#a1?debug=true

2. Direkte Sprach-URLs

Da die Sprache über localStorage gespeichert wird, kannst du sie in der Browser-Konsole setzen:

// Deutsch
localStorage.setItem('preferred-language', 'de');
location.reload();

// Französisch
localStorage.setItem('preferred-language', 'fr');
location.reload();

// Italienisch
localStorage.setItem('preferred-language', 'it');
location.reload();

// Spanisch
localStorage.setItem('preferred-language', 'es');
location.reload();

// Englisch
localStorage.setItem('preferred-language', 'en');
location.reload();

Übersetzte Varianten

Control (Baseline)

• EN: "Short Links That Work Harder"
• DE: "Kurze Links, die mehr leisten"
• FR: "Des liens courts qui travaillent plus dur"
• ES: "Enlaces cortos que trabajan más duro"
• IT: "Link brevi che lavorano di più"

Variant A1 (Value)

• EN: "Save Time on Every Link You Share"
• DE: "Spare Zeit bei jedem geteilten Link"
• FR: "Gagnez du temps sur chaque lien partagé"
• ES: "Ahorra tiempo en cada enlace que compartes"
• IT: "Risparmia tempo su ogni link che condividi"

Variant B1 (Social Proof)

• EN: "Join 10,000+ Marketers Using uLoad"
• DE: "Schließe dich 10.000+ Marketern an"
• FR: "Rejoignez plus de 10 000 marketeurs"
• ES: "Únete a más de 10,000 marketers"
• IT: "Unisciti a oltre 10.000 marketer"

Variant C1 (Features)

• EN: "URL Shortener + QR Codes + Analytics"
• DE: "URL-Kürzer + QR-Codes + Analysen"
• FR: "Raccourcisseur d'URL + Codes QR + Analyses"
• ES: "Acortador de URL + Códigos QR + Análisis"
• IT: "Abbreviatore URL + Codici QR + Analisi"

Was wurde implementiert?

✅ Vollständige Übersetzungen für:

• Control Variante
• A1 Variante (Value Generic)
• B1 Variante (Social Numbers)
• C1 Variante (Features All-in-One)
• Trust Badges (SSL, GDPR, etc.)
• Free Text ("No sign-up required...")

✅ Technische Features:

• Dynamisches Laden der Übersetzungen basierend auf aktueller Sprache
• Reaktivität: Bei Sprachwechsel werden alle Texte automatisch aktualisiert
• Hash bleibt bei Sprachwechsel erhalten (Variante bleibt gleich)
• Debug-Modus zeigt aktuelle Sprache an

⚠️ Noch nicht übersetzt:

• A2, A3 Varianten
• B2, B3 Varianten
• C2, C3 Varianten (Diese sind noch mit englischen Hardcoded-Texten)

Test-Ablauf

1. Starte Dev-Server:

   npm run dev
   

2. Öffne Debug-Modus: http://localhost:5173/?debug=true

3. Teste verschiedene Varianten:

   • Control: http://localhost:5173/?debug=true
   • A1: http://localhost:5173/#a1?debug=true
   • B1: http://localhost:5173/#b1?debug=true
   • C1: http://localhost:5173/#c1?debug=true

4. Wechsle die Sprache:

   • Nutze den Language Switcher in der Navigation
   • Oder setze die Sprache via Console (siehe oben)

5. Verifiziere:

   • Texte ändern sich bei Sprachwechsel
   • Variante (Hash) bleibt erhalten
   • Debug-Box zeigt korrekte Locale an

Nächste Schritte

Falls alle 9 Varianten multilingual werden sollen:

1. Übersetzungen für A2, A3, B2, B3, C2, C3 hinzufügen
2. Ca. 30 weitere Message-Keys pro Sprache
3. Zeitaufwand: ~2 Stunden

Tracking

Umami Events enthalten weiterhin die Varianten-ID:

• page_view_control, page_view_a1, etc.
• cta_click_control, cta_click_a1, etc.

Die Sprache wird NICHT im Event-Namen getrackt, kann aber über Umami's Session-Daten analysiert werden.