Key Features

File Structure

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

Postup žiadosti

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

Komunikácia v reálnom čase

Používa udalosti odosielané serverom (SSE) pre živé aktualizácie. Administrátorský panel udržiava trvalé pripojenie SSE pre:

• Aktuálny počet návštevníkov a aktualizácie stavu
• Upozornenia na nové správy
• Zmeny frontu
• Typing indicators via polling fallback

Authentication

Autentifikácia administrátora prostredníctvom PHP autentifikácie založenej na relácii. Widget používa odtlačky prstov návštevníkov (hash prehliadača + IP + súbor cookie) pre zabezpečenie kontinuity relácie.

Akcie orientované na widgety (18)

Akcie pre administrátora (37)

Integration Code

<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>

Podporované jazyky (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

Rozhranie API JavaScriptu

// 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'});

Rozsahy dátumov

Podporuje rozsahy Dnes, 7/30/90 dní. Všetky údaje agregované na strane servera s vyrovnávacou pamäťou.

Podkarty

• Prehľad: 6 KPI, trendová čiara, hodinové stĺpce, kanály, kvalita, sprostredkovatelia, lievik, noví/vraciajúci sa zákazníci, metriky chatu
• Conversations: Upozornenie na zmeškané chaty, rozloženie času odozvy, trvanie, trend CSAT, zdroje chatu, témy správ
• Návštevníci: Typy zariadení, jazyky, krajiny, tepelná mapa v špičke (mriežka 7×24)
• Výkon: Prehliadače, operačné systémy, rozlíšenia obrazovky so stĺpcovými grafmi
• Obsah: Page types, entry/exit pages, chat-generating pages, full page table with sort/filter/search

Filtre údajov

Prevádzka botov je štandardne vylúčená. Interné IP adresy je možné konfigurovať v nastaveniach. Všetky grafy používajú Chart.js s responzívnym plátnom.

1. Nahrať súbory k modules/livechat/
2. Konfigurovať config.php s prihlasovacími údajmi k databáze
3. Run setup — tabuľky sa automaticky vytvoria pri prvom načítaní
4. Add widget — zahŕňať livechat.js vo vašej šablóne
5. Konfigurácia SSE — zabezpečiť, aby server podporoval EventSource
6. Test — otvorte administrátorský panel a overte pripojenie

config.php Settings

V5 — Current

• Pokročilá analytika s 5 podkartami a tepelnými mapami
• Preklad v reálnom čase (35 jazykov)
• Systém správy botov
• Reťazec eskalácie nečinnosti
• Plánovanie sviatkov
• Pútavý widget

V4

• Conversation context panel
• Canned responses with search
• Podpora zdieľania súborov
• Queue management
• Callback system

V3

• Modul pravidiel automatického spúšťania
• Visitor profile & timeline
• Pokročilý systém zákazov (IP + časovo obmedzený)
• Admin profiles with avatars

V2

• SSE real-time updates
• Upozornenia na ploche
• Sound alerts
• Typing indicators

V1

• Základné funkcie chatu
• Sledovanie návštevníkov
• Rozhranie pre odpovede administrátora