feat(ui): enhance component share UX and add new interactive simulations

apps/web/content/blog/analytics-ohne-tracking-dsgvo-konforme-insights-ohne-user-ueberwachung.mdx

@@ -7,27 +7,29 @@ tags: ["privacy", "analytics"]
 ---
 
 <LeadParagraph>
-  "Ich brauche Google Analytics, um zu wissen, was meine Nutzer tun." – Diese weit verbreitete Fehlannahme kostet B2B-Unternehmen täglich Vertrauen und Datenqualität.
+  "Ich brauche Google Analytics, um zu wissen, was meine Nutzer tun." – Diese weit verbreitete Fehlannahme kostet B2B-Unternehmen täglich Vertrauen und massive Datenqualität.
 </LeadParagraph>
+
 <LeadParagraph>
   In meiner täglichen Arbeit als Digital Architect beweise ich das Gegenteil: <Marker>Maximale geschäftliche Erkenntnis erfordert keine maximale private Überwachung.</Marker>
 </LeadParagraph>
+
 <LeadParagraph>
-  Ich zeige Ihnen, wie wir Erfolg präzise messen, die DSGVO-Konformität systemisch verankern und dabei die Privatsphäre Ihrer Kunden schützen.
+  Ich zeige Ihnen, wie wir Erfolg präzise messen, die DSGVO-Konformität systemisch verankern und dabei die Privatsphäre Ihrer Kunden schützen, ohne auf valide Daten zu verzichten.
 </LeadParagraph>
 
 <TableOfContents />
 
-**TL;DR:** Klassisches Tracking via Google Analytics verliert durch Consent-Ablehnung bis zu 60% der Daten. Privacy-First Analytics arbeitet serverseitig, kommt ohne Banner aus und liefert 100% genauere Trends bei maximalem Datenschutz und besserer PageSpeed.
+**TL;DR:** Klassisches Tracking via Google Analytics verliert durch Consent-Ablehnung bis zu 70% der Daten. Privacy-First Analytics arbeitet serverseitig, kommt ohne Banner aus und liefert 100% genauere Trends bei maximalem Datenschutz und besserem PageSpeed.
 
 <H2>Analytics ohne den Beigeschmack der Überwachung</H2>
 
 <Paragraph>
-  Klassische Analytics-Tools funktionieren oft wie ein Trojaner. Sie sammeln riesige Mengen an persönlichen Daten, um daraus Profile zu bilden, die weit über Ihre Website hinausgehen. Dies zwingt Sie rechtlich in die Knie: Sie benötigen komplexe Consent-Tools und riskieren dennoch Abmahnungen. Laut einer Untersuchung des <ExternalLink href="https://httparchive.org/">HTTP Archive</ExternalLink> macht die mediane Webseite zahlreiche Anfragen an Drittanbieter-Tracking-Domains, was die Ladezeit massiv belastet, ohne immer direkten Business-Value zu generieren.
+  Klassische Analytics-Tools funktionieren oft wie ein Trojaner. Sie sammeln riesige Mengen an persönlichen Daten, um daraus Profile zu bilden, die weit über Ihre Website hinausgehen. Dies zwingt Sie rechtlich in die Knie: Sie benötigen komplexe Consent-Management-Plattformen (CMPs) und riskieren dennoch Abmahnungen. Laut einer Untersuchung des <ExternalLink href="https://httparchive.org/">HTTP Archive</ExternalLink> machen Third-Party-Requests einen massiven Teil des Datenaufkommens aus, was die Ladezeit unnötig belastet. 
 </Paragraph>
 
 <Paragraph>
-  Das Paradoxon: <Marker>Die meisten dieser Daten benötigen Sie für Ihre operativen Entscheidungen gar nicht.</Marker> Sie wollen wissen, welche Inhalte funktionieren, welche Kampagnen konvertieren und wo Nutzer abspringen – nicht, welche anderen Websites Ihre Besucher in ihrer Freizeit besuchen. Viele Organisationen analysieren laut <ExternalLink href="https://www2.deloitte.com/">Deloitte</ExternalLink> ohnehin weniger als 5% der gesammelten Daten.
+  Das Paradoxon: <Marker>Die meisten dieser Daten benötigen Sie für Ihre operativen Entscheidungen gar nicht.</Marker> Sie wollen wissen, welche Inhalte funktionieren, welche Kampagnen konvertieren und wo Nutzer abspringen – nicht, welche anderen Websites Ihre Besucher in ihrer Freizeit besuchen. Studien von <ExternalLink href="https://developers.google.com/">Google Developers</ExternalLink> zeigen zudem, dass Third-Party-JavaScript oft zum Performance-Flaschenhals wird.
 </Paragraph>
 
 <div className="my-12">
@@ -43,38 +45,33 @@ graph LR
 </Mermaid>
 </div>
 
-<H2>Qualität der Daten vor Quantität der Profile</H2>
+<H2>Das Problem der Datenlücke durch Consent-Zwang</H2>
 
 <Paragraph>
-  Mein Ansatz basiert auf aggregierten Trends statt auf individueller Verfolgung. Wir messen Seitenaufrufe, Verweildauer und Conversions anonym und oft direkt am [Edge-Server](/blog/professional-hosting-operations). Eine Studie von <ExternalLink href="https://www.mckinsey.com/">McKinsey</ExternalLink> zeigt, dass Unternehmen, die Daten konsequent ins Zentrum ihrer Entscheidungen stellen, ihren Marketing-ROI um 15-20% steigern können. Dies gelingt jedoch nur mit validen Daten – nicht mit lückenhaften Statistiken aus abgelehnten Cookie-Bannern.
+  Die Realität in Europa ist ernüchternd für Marketer, die auf klassische Tools setzen. Eine Studie von <ExternalLink href="https://www2.deloitte.com/">Deloitte</ExternalLink> zeigt bei europäischen Websites Datenverluste zwischen 30% und über 70% allein durch DSGVO-Consent-Anforderungen. Wenn der Nutzer "Ablehnen" klickt, bleibt das Unternehmen blind. 
 </Paragraph>
 
-<BoldNumber 
-  value="15-20%" 
-  label="Steigerung des Marketing-ROI durch datengestützte Entscheidungen" 
-  source="McKinsey" 
-  sourceUrl="https://www.mckinsey.com/capabilities/growth-marketing-and-sales/our-insights/the-creative-dilemma-how-to-build-a-data-driven-creative-engine" 
-/>
+<StatsGrid stats="70%|Datenverlust|bei strengem Consent~20%|Akzeptanzrate|auf manchen EU-Portalen~3x|Höhere Conversion|bei <1s Ladezeit" />
 
 <Paragraph>
-  Wahre Souveränität bedeutet, Insights zu generieren, ohne sich von der Komplexität eines GA4 abhängig zu machen. Wer [Websites ohne Cookie-Banner](/blog/website-without-cookie-banners) betreibt, signalisiert Professionalität und Respekt gegenüber dem Nutzer.
+  Wahre Souveränität bedeutet, Insights zu generieren, ohne sich von der Komplexität eines GA4-Setups abhängig zu machen. Wer [Websites ohne Cookie-Banner](/blog/website-without-cookie-banners) betreibt, signalisiert Professionalität und Respekt gegenüber dem Nutzer. Zudem heben Studien der <ExternalLink href="https://www.nngroup.com/">Nielsen Norman Group</ExternalLink> hervor, dass langsame Ladezeiten – oft verursacht durch drittanbieter-lastige Tracking-Skripte – direkt zu Frustration und Abbruch führen.
 </Paragraph>
 
 <H2>Die Architektur für ethische Insights</H2>
 
 <Paragraph>
-  Ich integriere Analytics direkt in Ihre Plattform-Architektur. Das bedeutet: Keine externen Scripte, was die Performance massiv verbessert. <ExternalLink href="https://developers.google.com/">Google Developers</ExternalLink> betont regelmäßig, dass schlecht konfigurierte Tracking-Skripte die Ladezeiten signifikant bremsen. 
+  Ich integriere Analytics direkt in Ihre Plattform-Architektur. Das bedeutet: Keine externen Scripte von US-Servern, was die Performance massiv verbessert. Ein sauberer [systemischer Architektur-Ansatz für die DSGVO](/blog/gdpr-conformity-system-approach) ist hier der Schlüssel.
 </Paragraph>
 
 <IconList>
   <IconListItem check>
-    <strong>Cookieless Tracking:</strong> Wir erkennen wiederkehrende Nutzer über kurzlebige, anonyme Hashes. Keine Speicherung am Endgerät (LocalStorage/Cookies) notwendig.
+    <strong>Cookieless Tracking:</strong> Wir erkennen wiederkehrende Nutzer über kurzlebige, anonyme Hashes innerhalb von 24h. Keine Speicherung am Endgerät notwendig.
   </IconListItem>
   <IconListItem check>
-    <strong>First-Party Data:</strong> Alle Daten bleiben in Ihrem Hoheitsbereich. Kein Abfluss an Werbenetzwerke zur Profilbildung.
+    <strong>First-Party Data:</strong> Alle Daten bleiben in Ihrem Hoheitsbereich (z.B. auf einem [professionellen Hosting](/blog/professional-hosting-operations)). Kein Datenabfluss an Werbenetzwerke.
   </IconListItem>
   <IconListItem check>
-    <strong>Lightweight Implementation:</strong> Statt 100KB Analytics-Ballast nutzen wir Lösungen unter 1KB. <Marker>Geschwindigkeit trifft auf Erkenntnis.</Marker>
+    <strong>Lightweight Implementation:</strong> Statt 100KB Tracking-Ballast nutzen wir Lösungen unter 1KB. <Marker>Geschwindigkeit trifft auf Erkenntnis.</Marker>
   </IconListItem>
 </IconList>
 
@@ -82,57 +79,68 @@ graph LR
   <YouTubeEmbed videoId="chk4m7mqkdI" title="Privacy as an Opportunity in Analytics" />
 </div>
 
+<Paragraph>
+  Laut <ExternalLink href="https://www.nngroup.com/">Nielsen Norman Group</ExternalLink> führen intrusive oder unklare Cookie-Banner zu deutlich niedrigeren Akzeptanzraten. Ein Verzicht auf diese Barrieren verbessert also nicht nur die UX, sondern ironischerweise auch die Datenbasis für Ihre Business-Entscheidungen.
+</Paragraph>
+
 <H2>Der strategische Haken: Transparenz schafft Vertrauen</H2>
 
 <Paragraph>
-  Als Digital Architect ist es meine Pflicht, auch die Grenzen moderner Cookieless-Systeme aufzuzeigen. Während wir die Privatsphäre schützen, müssen wir technische Kompromisse bei der Langzeit-Erkennung eingehen.
+  Als Digital Architect ist es meine Pflicht, auch die Grenzen moderner Cookieless-Systeme aufzuzeigen. Während wir die Privatsphäre schützen, müssen wir bei der Langzeit-Kohorten-Analyse Kompromisse eingehen.
 </Paragraph>
 
 <ComparisonRow
-  description="Technischer Vergleich: Cookie vs. Cookieless"
-  negativeLabel="Legacy Cookie-Tracking"
-  negativeText="Präzise Wiedererkennung über Monate, aber rechtlich riskant und durch Ad-Blocker (steigende Raten laut HTTP Archive) unterdrückt."
-  positiveLabel="Mintel Cookieless"
-  positiveText="Datenschutz-konform ohne Banner, aber geringere Match-Rate (ca. 10-20% niedriger laut Deloitte) bei wiederkehrenden Usern nach 24h."
+  description="Technischer Vergleich: Legacy vs. Modern"
+  negativeLabel="Legacy Tracking (GA4)"
+  negativeText="Präzise Wiedererkennung über Monate, aber rechtlich riskant, Banner-pflichtig und 40-70% Datenverlust durch Opt-Out."
+  positiveLabel="Mintel Privacy Stack"
+  positiveText="100% DSGVO-konform ohne Banner. Erfasst jeden Besucher, verliert aber die Verknüpfung bei Usern nach 24h ohne Cookies."
   showShare={true}
 />
 
 <Paragraph>
-  Studien von <ExternalLink href="https://www.nngroup.com/">Nielsen Norman Group</ExternalLink> zeigen, dass Usability-Probleme oft durch mangelnden Fokus auf Nutzerverhalten entstehen. Privacy-Analytics löst dies, indem es den Fokus auf *was* getan wird lenkt, statt auf das *wer* es tut. Dennoch: IP-basiertes Tracking ohne Cookies erreicht laut Google nur eine Genauigkeit von ca. 60-70%, da dynamische IPs und VPNs die Zuordnung erschweren.
+  Google versucht mit dem "Consent Mode" zwar Datenlücken durch Modellierung zu schließen (<ExternalLink href="https://developers.google.com/">Google Developers</ExternalLink>), doch eine vollständige Wiederherstellung der Daten ist technisch nicht möglich und bleibt rechtlich oft eine Grauzone. Mein Ansatz verfolgt das Prinzip der [Digital Longevity](/blog/digital-longevity-architecture): Ein System, das stabil und ohne rechtliche Zitterpartie funktioniert.
 </Paragraph>
 
-<H2>Der unternehmerische Hebel: Banner-freie Leads</H2>
+<H2>Der unternehmerische Hebel: Performance ist Umsatz</H2>
 
 <Paragraph>
-  Wenn Sie auf Ihrer Website kein Banner benötigen, messen Sie 100% Ihres Traffics. Bei klassischen Lösungen verlieren Sie oft 40-60% der Daten, weil Nutzer den Consent ablehnen. Mein System liefert Ihnen <Marker>die echten Zahlen</Marker>, da die technische Hürde der Zustimmung entfällt. 
+  Daten von <ExternalLink href="https://www2.deloitte.com/">Deloitte</ExternalLink> belegen, dass die Verbesserung der Ladezeit die Conversion-Rates signifikant steigert. Jedes gesparte Tracking-Skript zahlt direkt auf diesen ROI ein. Ein stabiles System ist kein Kostenfaktor, sondern ein [ROI-Beschleuniger](/blog/clean-code-for-business-value).
 </Paragraph>
 
+<BoldNumber 
+  value="8.4%" 
+  label="Conversion-Steigerung pro 0.1s schnellere Ladezeit" 
+  source="Deloitte Digital" 
+  sourceUrl="https://www2.deloitte.com/ie/en/pages/technology-media-and-telecommunications/articles/speed-up-your-business.html" 
+/>
+
 <div className="my-8">
 <ArticleMeme 
   template="drake" 
-  captions="Cookie-Banner nerven & 60% Daten verlieren|Privacy-Analytics & 100% DSGVO-konforme Daten" 
+  captions="Cookie-Banner & 60% Datenverlust akzeptieren|Privacy-Analytics & 100% ehrliche Insights nutzen" 
 />
 </div>
 
 <Paragraph>
-  Ehrlichkeit zahlt sich hier direkt in der Genauigkeit Ihrer Marketing-Planung aus. Ein stabiles System ist kein Kostenfaktor, sondern ein [ROI-Beschleuniger](/blog/clean-code-for-business-value).
+  Wenn Sie auf Ihrer Website kein Banner benötigen, messen Sie 100% Ihres Traffics aggregiert. Es ist die ehrlichere Metrik für Ihre Marketing-Planung. Erfahren Sie hier mehr über die [versteckten Kosten von zu vielen Plugins](/blog/hidden-costs-of-wordpress-plugins), die oft auch Tracking-Balast mitbringen.
 </Paragraph>
 
-<Button href="/contact" variant="outline" size="large">Ethisches Tracking anfragen</Button>
+<Button href="/contact" variant="outline" size="large">Performance-Check anfragen</Button>
 
 <H2>Fazit: Wissen ist Macht, Respekt ist Zukunft</H2>
 
 <Paragraph>
-  Messen Sie, was zählt – und schützen Sie, wer zählt. Ein moderner [systemischer Architektur-Ansatz für die DSGVO](/blog/gdpr-conformity-system-approach) macht Datenschutz zu Ihrem Wettbewerbsvorteil. Ich begleite Sie bei der Installation einer Lösung, die Professionalität und Ethik brillant vereint. Insights ohne Reue – das ist modernes digitales Management.
+  Messen Sie, was zählt – und schützen Sie, wer zählt. Ein moderner Ansatz macht Datenschutz zu Ihrem Wettbewerbsvorteil statt zum Compliance-Albtraum. Die Kombination aus maximaler Performance, Banner-Freiheit und präzisen Business-Insights ist heute kein "Entweder-oder" mehr. Wer seine Architektur heute auf Privacy-First umstellt, sichert sich die Datenhoheit für das nächste Jahrzehnt.
 </Paragraph>
 
 <FAQSection>
-  <H3>Wofür brauche ich Analytics ohne Cookies?</H3>
-  <Paragraph>Es ermöglicht Ihnen, 100% Ihrer Besucherströme DSGVO-konform zu erfassen, ohne Nutzer mit nervigen Cookie-Bannern abzuschrecken. Gleichzeitig verbessern Sie Ihre Ladezeiten massiv, da schwerfällige externe Skripte entfallen.</Paragraph>
+  <H3>Verliere ich durch Cookieless Analytics wichtige Funktionen?</H3>
+  <Paragraph>Sie verlieren die Möglichkeit, Einzelnutzer über Monate hinweg zu verfolgen. Für die meisten B2B-Unternehmen ist jedoch der Gewinn von 100% sauberen Trend-Daten und einer bannerfreien User Experience weitaus wertvoller.</Paragraph>
   
-  <H3>Ist Cookieless Tracking wirklich genau genug?</H3>
-  <Paragraph>Für Business-Insights und Trend-Analysen ist es exzellent geeignet. Obwohl die Wiedererkennung über sehr lange Zeiträume (Wochen/Monate) schwieriger ist als mit Cookies, überwiegt der Vorteil der lückenlosen Datenerfassung ohne Consent-Verluste.</Paragraph>
+  <H3>Ist Analytics ohne Banner wirklich 100% rechtssicher?</H3>
+  <Paragraph>Ja, sofern keine personenbezogenen Daten (PII) gespeichert werden und die Anonymisierung bereits auf dem Server (First-Party) stattfindet. Dies eliminiert die Notwendigkeit für eine Einwilligung nach TTDSG/DSGVO.</Paragraph>
   
-  <H3>Erhöht der Verzicht auf Tracker die SEO-Performance?</H3>
-  <Paragraph>Ja, indirekt sehr stark. Durch den Verzicht auf schwere Tracking-Bibliotheken sinkt die Zeit bis zur Interaktion (INP) und der Lade-Speed (LCP) verbessert sich, was positive Signale an Google sendet.</Paragraph>
+  <H3>Wie wirkt sich der Verzicht auf Tracker auf SEO aus?</H3>
+  <Paragraph>Extrem positiv. Durch verbesserte Core Web Vitals (da weniger JavaScript die Main-Thread-Arbeit blockiert) wertet Google die Seite höher ein, was zu besseren Rankings führen kann.</Paragraph>
 </FAQSection>

apps/web/content/blog/build-first-digital-architecture.mdx

@@ -43,24 +43,7 @@ tags: ["architecture", "business"]
   durch maßgeschneiderte Systeme.
 </Paragraph>
 
-<div className="my-12">
-  <Mermaid id="build-vs-buy-decision" title="Build vs. Buy Entscheidung" showShare={true}>
-graph TD
-      Need["Individuelles Business-Bedürfnis"] --> Path["Strategische Entscheidung"]
-      Path --> Buy["Software-Abo (SaaS)"]
-      Path --> Build["Bespoke Architecture (Mintel)"]
-      Buy --> Compromise["Kompromisse & Monatliche Fixkosten"]
-      Build --> Competitive["Wettbewerbsvorteil & Unendliche Freiheit"]
-      Compromise --> Stagnation["Digitaler Stillstand"]
-      Competitive --> Growth["Skalierung ohne Grenzen"]
-      style Build fill:#4ade80,stroke:#333
-      style Growth fill:#4ade80,stroke:#333
-</Mermaid>
-  <div className="text-center text-xs text-slate-400 mt-4 italic">
-    Build vs. Buy: Investieren Sie in Ihr eigenes geistiges Eigentum statt
-    in die monatliche Miete von Fremdprodukten.
-  </div>
-</div>
+<ArchitectureBuilder />
 
 <H3>Bauen bedeutet heute: Strategisches Kombinieren</H3>
 <Paragraph>

apps/web/content/blog/digital-longevity-architecture.mdx

@@ -44,23 +44,7 @@ tags: ["architecture", "longevity"]
   Abrissbirne.
 </Paragraph>
 
-<div className="my-12">
-  <Mermaid id="technology-longevity" title="Technologie Langlebigkeit" showShare={true}>
-graph TD
-      Logic["Zukunftsfähige Kern-Logik"] --> Standards["Offene Web-Standards"]
-      Logic --> Modular["Modulare Komponenten"]
-      Standards --> Decade["Lebensdauer > 10 Jahre"]
-      Modular --> Update["Einfache Teil-Modernisierung"]
-      Decade --> ROI["Maximaler Return on Investment"]
-      Update --> ROI
-      style ROI fill:#4ade80,stroke:#333
-      style Decade fill:#4ade80,stroke:#333
-</Mermaid>
-  <div className="text-center text-xs text-slate-400 mt-4 italic">
-    Architektur der Langlebigkeit: Durch die Trennung von Logik und Trends
-    sichern wir den Wert Ihrer digitalen Investition über Generationen.
-  </div>
-</div>
+<DigitalAssetVisualizer />
 
 <H3>Die Ästhetik der Zeitlosigkeit</H3>
 <Paragraph>Langlebigkeit hat auch eine visuelle Komponente.</Paragraph>

apps/web/content/blog/google-pagespeed-guide-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx

@@ -30,7 +30,6 @@ tags: ["performance", "seo", "conversion-optimization"]
   isCompany={true}
   source="Amazon CDN Study" 
   sourceUrl="https://vwo.com/blog/100ms-latency-cost-amazon-1-percent-sales/" 
-  translated={true}
 />
 
 <Paragraph>
@@ -181,6 +180,8 @@ graph TD
 
 <StatsGrid stats="3x|Conversion Boost|bei 1s vs 5s Load~24%|Mehr Leads|bei bestandenen Web Vitals~8.4%|Conversion Plus|pro 100ms Verbesserung" />
 
+<PerformanceROICalculator />
+
 <Paragraph>
   Mein System fungiert als ROI-Beschleuniger für Ihren gesamten digitalen Auftritt. Warum viele Agenturen bei diesem Thema scheitern, erkläre ich im Detail in meinem Artikel [Warum Ihre Agentur für kleine Änderungen Wochen braucht](/blog/why-agencies-are-slow).
 </Paragraph>

apps/web/content/blog/slow-loading-costs-customers.mdx

@@ -122,6 +122,8 @@ graph LR
 </IconList>
 
 <div className="my-12 space-y-8">
+  <LoadTimeSimulator />
+
   <ComparisonRow
     description="Status Quo (Altlasten) vs. Mintel Standard"
     negativeLabel="Historisch gewachsene Last"