From dd230196ff5600da5dd5957956fb9aa918a9e3d4 Mon Sep 17 00:00:00 2001
From: architeur <lars.munkes@artetui.de>
Date: Mon, 29 Dec 2025 13:47:00 +0100
Subject: [PATCH] =?UTF-8?q?Besucherz=C3=A4hler=20f=C3=BCr=20SPA-Landing=20?=
 =?UTF-8?q?hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- api/counter.php: PHP-basierter Zähler mit Session-Tracking
- Zähler-Anzeige im Footer der Landingpage
- counter.txt in .gitignore aufgenommen

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .gitignore      |  3 +++
 api/counter.php | 33 +++++++++++++++++++++++++++++++++
 index.html      | 23 +++++++++++++++++------
 3 files changed, 53 insertions(+), 6 deletions(-)
 create mode 100644 api/counter.php

diff --git a/.gitignore b/.gitignore
index 7cae4a4..2313378 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,6 +13,9 @@ node_modules/
 # Temp files
 *.tmp
 *.bak
+
+# Counter data
+api/counter.txt
 kostenschaetzung/
 schadendokumentation/
 zeitwert/
diff --git a/api/counter.php b/api/counter.php
new file mode 100644
index 0000000..8e498e7
--- /dev/null
+++ b/api/counter.php
@@ -0,0 +1,33 @@
+<?php
+/**
+ * Besucherzähler API für SPA-Landing
+ * Gibt den aktuellen Zählerstand als JSON zurück und zählt bei neuen Sessions
+ */
+
+header('Content-Type: application/json');
+header('Access-Control-Allow-Origin: *');
+
+$counterFile = __DIR__ . '/counter.txt';
+
+// Zähler lesen oder initialisieren
+if (file_exists($counterFile)) {
+    $count = (int) file_get_contents($counterFile);
+} else {
+    $count = 0;
+}
+
+// Session starten für Duplikat-Erkennung
+session_start();
+
+// Nur zählen wenn noch nicht in dieser Session gezählt
+if (!isset($_SESSION['spa_counted'])) {
+    $count++;
+    file_put_contents($counterFile, $count);
+    $_SESSION['spa_counted'] = true;
+}
+
+// JSON-Antwort
+echo json_encode([
+    'count' => $count,
+    'formatted' => number_format($count, 0, ',', '.')
+]);
diff --git a/index.html b/index.html
index fe228c1..bf01b15 100644
--- a/index.html
+++ b/index.html
@@ -280,12 +280,13 @@
     </main>
     <footer class="footer">
         <p>artetui.de · SPA Platform · Alle Daten werden lokal gespeichert</p>
-    <p style="text-align:center;margin-top:0.5rem;font-size:0.85rem;">
-    <a href="#" onclick="openImpressum();return false;" style="color:#6b7280;text-decoration:none;">Impressum</a>
-    <span style="color:#d1d5db;margin:0 0.5rem;">|</span>
-    <a href="#" onclick="openDatenschutz();return false;" style="color:#6b7280;text-decoration:none;">Datenschutz</a>
-</p>
-</footer>
+        <p style="margin-top:0.5rem;font-size:0.85rem;opacity:0.7;">Besucher: <span id="visitor-count">...</span></p>
+        <p style="text-align:center;margin-top:0.5rem;font-size:0.85rem;">
+            <a href="#" onclick="openImpressum();return false;" style="color:#6b7280;text-decoration:none;">Impressum</a>
+            <span style="color:#d1d5db;margin:0 0.5rem;">|</span>
+            <a href="#" onclick="openDatenschutz();return false;" style="color:#6b7280;text-decoration:none;">Datenschutz</a>
+        </p>
+    </footer>
     <script>
         function toggleTheme() {
             const html = document.documentElement;
@@ -297,6 +298,16 @@
             const savedTheme = localStorage.getItem("theme") || "light";
             document.documentElement.setAttribute("data-theme", savedTheme);
         })();
+
+        // Besucherzähler laden
+        fetch('/api/counter.php')
+            .then(r => r.json())
+            .then(data => {
+                document.getElementById('visitor-count').textContent = data.formatted;
+            })
+            .catch(() => {
+                document.getElementById('visitor-count').textContent = '-';
+            });
     </script>