Hauptmerkmale

Dateistruktur

modules/livechat/
├── LiveChat.php          (Main class - 128 methods)
├── admin-livechat.php    (Admin panel - this file)
├── livechat.tpl          (Widget template)
├── livechat.js           (Widget JS - visitor facing)
├── config.php            (Configuration)
└── assets/
    ├── notification.mp3
    └── widget.css

Anfrageablauf

┌─────────────┐     ┌──────────────┐     ┌─────────────┐
│  Widget JS   │────▶│  AJAX Handler │────▶│  LiveChat   │
│  (Browser)   │◀────│  (PHP)       │◀────│  Class      │
└─────────────┘     └──────────────┘     └──────┬──────┘
                                                 │
┌─────────────┐     ┌──────────────┐            │
│  Admin Panel │────▶│  SSE Stream  │◀───────────┘
│  (This page) │◀────│  (Real-time) │     ┌──────┴──────┐
└─────────────┘     └──────────────┘     │  Database    │
                                          │  (12 tables) │
                                          └─────────────┘

Echtzeitkommunikation

Nutzt Server-Sent Events (SSE) für Live-Aktualisierungen. Das Admin-Panel hält eine permanente SSE-Verbindung aufrecht für:

• Besucherzahlen und Statusaktualisierungen in Echtzeit
• Benachrichtigungen über neue Nachrichten
• Warteschlangenänderungen
• Typisierungsindikatoren über Polling-Fallback

Authentifizierung

Administratorauthentifizierung über sitzungsbasierte PHP-Authentifizierung. Das Widget verwendet Besucher-Fingerprinting (Browser-Hash + IP + Cookie) zur Sitzungskontinuität.

Widget-bezogene Aktionen (18)

Administratorbezogene Maßnahmen (37)

Integrationscode

<script src="/modules/livechat/livechat.js"></script>
<script>
  WeSellMachines.LiveChat.init({
    position: 'bottom-right',
    primaryColor: '#3498db',
    greeting: 'Need help? Chat with us!',
    offlineMessage: 'We are offline. Leave a message!'
  });
</script>

Unterstützte Sprachen (35)

en, de, fr, es, it, nl, pl, pt, ja, zh, ko, ru, ar, tr, sv, no, fi, da, cs, hu, ro, bg, el, hr, sk, sl, lt, lv, et, uk, sr, he, th, vi, id

JavaScript-API

// Open chat programmatically
WeSellMachines.LiveChat.open();

// Send automatic message  
WeSellMachines.LiveChat.sendMessage('How can I help?');

// Track custom event
WeSellMachines.LiveChat.trackEvent('viewed_listing', {id: 1234});

// Set visitor info
WeSellMachines.LiveChat.setVisitor({name: 'John', email: 'john@example.com'});

Datumsbereiche

Unterstützt Zeiträume von heute, 7, 30 und 90 Tagen. Alle Daten werden serverseitig aggregiert und zwischengespeichert.

Unterregisterkarten

• Überblick: 6 KPIs, Trendlinie, stündliche Balken, Kanäle, Qualität, Referrer, Funnel, Neukunden/Wiederkehrende Kunden, Chat-Metriken
• Gespräche: Benachrichtigungen über verpasste Chats, Verteilung der Antwortzeiten, Dauer, CSAT-Trend, Chatquellen, Nachrichtenthemen
• Besucher: Gerätetypen, Sprachen, Länder, Heatmap der Spitzenzeiten (7×24-Raster)
• Leistung: Browser, Betriebssysteme, Bildschirmauflösungen mit Balkendiagrammen
• Inhalt: Seitentypen, Ein-/Ausstiegsseiten, Chat-generierende Seiten, vollständige Seitentabelle mit Sortier-/Filter-/Suchfunktion

Datenfilter

Bot-Traffic ist standardmäßig ausgeschlossen. Interne IPs sind in den Einstellungen konfigurierbar. Alle Diagramme verwenden Chart.js mit responsivem Canvas.

1. Dateien hochladen Zu modules/livechat/
2. Konfigurieren config.php mit Datenbankzugangsdaten
3. Setup ausführen — Tabellen werden beim ersten Laden automatisch erstellt
4. Widget hinzufügen - enthalten livechat.js in Ihrer Vorlage
5. SSE konfigurieren — Sicherstellen, dass der Server EventSource unterstützt
6. Prüfen — Öffnen Sie das Admin-Panel und überprüfen Sie die Verbindung.

config.php Einstellungen

V5 — Aktuell

• Erweiterte Analysen mit 5 Unterregisterkarten und Heatmaps
• Echtzeitübersetzung (35 Sprachen)
• Bot-Managementsystem
• Eskalationskette der Inaktivität
• Urlaubsplanung
• Blickfang-Widget

V4

• Gesprächskontextfeld
• Vorgefertigte Antworten mit Suchfunktion
• Unterstützung für Dateifreigabe
• Warteschlangenmanagement
• Rückrufsystem

V3

• Regel-Engine für automatische Auslösung
• Besucherprofil & Zeitleiste
• Erweitertes Bannsystem (IP + zeitgebunden)
• Administratorprofile mit Avataren

V2

• SSE-Echtzeitaktualisierungen
• Desktop-Benachrichtigungen
• Akustische Warnsignale
• Typisierungsindikatoren

V1

• Grundlegende Chat-Funktionen
• Besucherverfolgung
• Admin-Antwortschnittstelle