Viktige funksjoner

Filstruktur

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

Forespørselsflyt

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

Sanntidskommunikasjon

Bruker server-sent hendelser (SSE) for liveoppdateringer. Administrasjonspanelet opprettholder en vedvarende SSE-tilkobling for:

• Live besøkstall og statusoppdateringer
• Nye meldingsvarsler
• Køendringer
• Skriveindikatorer via polling reserve

Autentisering

Administratorautentisering via øktbasert PHP-autentisering. Widgeten bruker besøkendes fingeravtrykk (nettleser-hash + IP + informasjonskapsel) for øktkontinuitet.

Widget-rettet handling (18)

Administratorrettede handlinger (37)

Integrasjonskode

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

Støttede språk (35)

no, de, fr, es, it, nl, pl, pt, ja, zh, ko, ru, ar, tr, sv, nei, 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'});

Datointervaller

Støtter dagens intervaller, 7/30/90 dager. Alle data aggregeres på serversiden med mellomlagring.

Underfaner

• Oversikt: 6 KPI-er, trendlinje, timebaser, kanaler, kvalitet, henvisere, salgstrakt, nye/tilbakevendende, chatmålinger
• Samtaler: Varsel om tapte chatter, fordeling av responstid, varighet, CSAT-trend, chattekilder, meldingsemner
• Besøkende: Enhetstyper, språk, land, varmekart for rushtid (7×24 rutenett)
• Ytelse: Nettlesere, operativsystemer, skjermoppløsninger med søylediagrammer
• Innhold: Sidetyper, inngangs-/utgangssider, chatgenererende sider, fullsidestabell med sortering/filter/søk

Datafiltre

Bottrafikk er ekskludert som standard. Interne IP-adresser kan konfigureres i Innstillinger. Alle diagrammer bruker Chart.js med responsivt lerret.

1. Last opp filer til modules/livechat/
2. Konfigurer config.php med databaselegitimasjon
3. Kjør oppsettet — tabeller opprettes automatisk ved første innlasting
4. Legg til widget — inkludere livechat.js i malen din
5. Konfigurer SSE — sørg for at serveren støtter EventSource
6. Test — åpne administrasjonspanelet og bekreft tilkoblingen

config.php-innstillinger

V5 — Nåværende

• Avansert analyse med 5 underfaner og varmekart
• Sanntidsoversettelse (35 språk)
• Bot-administrasjonssystem
• Eskaleringskjede for inaktivitet
• Ferieplanlegging
• Iøynefallende widget

V4

• Kontekstpanel for samtaler
• Forhåndsdefinerte svar med søk
• Støtte for fildeling
• Køhåndtering
• Tilbakeringingssystem

V3

• Motor for automatisk utløsing av regler
• Besøksprofil og tidslinje
• Avansert utestengelsessystem (IP + tidsbegrenset)
• Adminprofiler med avatarer

V2

• SSE-oppdateringer i sanntid
• Skrivebordsvarsler
• Lydvarsler
• Skriveindikatorer

V1

• Grunnleggende chatfunksjonalitet
• Besøkssporing
• Admin svargrensesnitt