# 🎯 Banner Management System
Professionelles Banner-Management mit MySQL-Datenbank, Admin-Panel und JavaScript-Rotation.
## ⚡ Quick Start
1. **Installation**
- Alle Dateien hochladen
- `install.php` aufrufen
- Datenbank-Daten eingeben
2. **Admin-Login**
- `admin.php` aufrufen
- Mit erstelltem Account einloggen
3. **Banner hinzufügen**
- Bild hochladen
- Link-URL eingeben
- Gruppe wählen
4. **Auf Website einbinden**
```html
<script src=\"https://deine-domain.de/banner.js?group=default\"></script>
```
## 🎨 Features
- ✅ Banner hochladen (JPG, PNG, GIF)
- ✅ Gruppen-Verwaltung
- ✅ Aktivieren/Deaktivieren
- ✅ View & Click Tracking
- ✅ JavaScript Rotation
- ✅ A-HREF Code
- ✅ Responsive
## 💻 Einbindungs-Optionen
### JavaScript (Empfohlen)
```html
<script src=\"https://deine-domain.de/banner.js?group=default\"></script>
```
### HTML (Direkt-Link)
```html
<a href=\"https://deine-domain.de/click.php?id=1\" target=\"_blank\">
<img src=\"https://deine-domain.de/view.php?id=1\" alt=\"Banner\">
</a>
```
## 📊 Funktionsweise
**JavaScript-Rotation:**
1. Script lädt zufälliges Banner aus Gruppe
2. View wird gezählt
3. Bei Klick: Click wird gezählt + Weiterleitung
**Tracking:**
- Views: Jedes Mal wenn Banner geladen wird
- Clicks: Jedes Mal wenn auf Banner geklickt wird
## 📁 Gruppen
Erstelle verschiedene Gruppen für unterschiedliche Bereiche:
- `default` - Hauptbanner
- `sidebar` - Seitenleiste
- `footer` - Footer-Banner
- `mobile` - Mobile-Banner
Einbinden:
```html
<script src=\"banner.js?group=sidebar\"></script>
```
## 🔐 Sicherheit
- Passwort-Hashing (bcrypt)
- Session-Management
- File-Upload-Validierung
- SQL Prepared Statements
## 📋 Systemanforderungen
- PHP 7.4+
- MySQL 5.7+
- GD-Library (für Fallback-Image)
## 🚀 Deployment
1. Upload via FTP
2. Schreibrechte für `/uploads` (chmod 755)
3. Installation durchführen
4. `install.php` wird automatisch gelöscht
## 💡 Tipps
- Verwende Standardgrößen: 728×90, 300×250, 160×600
- Bilder sollten optimiert sein (max 200KB)
- Erstelle Gruppen für verschiedene Bereiche
- Prüfe Statistiken regelmäßig
---
**Version:** 1.0
**Status:** ✅ Production Ready
