In diesem n8n-Projekt wurde ein mit der Claude KI erzeugtes Artefakt mit einem Google Analytics API Aufruf ergänzt. Was zuvor nur per manuellem CSV-Datei-Import funktioniert hat, läuft nun voll automatisiert.
Was ist ein Claude Artefakt?
Claude Artefakte sind spezielle Inhalte, die der KI-Assistent Claude in einem separaten Fenster darstellt, statt sie einfach in den Chat zu schreiben. Wir reden hier von Code, Dokumenten, Bildern, Websites oder ganzen Anwendungen. Statt dich mit endlosen Textblöcken zu bombardieren, bekommst du eine übersichtliche Vorschau.
Warum ist das praktisch? Ganz einfach: Du kannst den Inhalt sofort sehen, testen und verwenden. Ein HTML-Prototyp lädt direkt im Browser, Code wird syntax-hervorgehoben angezeigt, und Dokumente wirken professionell formatiert. Das macht die Zusammenarbeit deutlich effizienter.
Das Beste daran ist die Interaktivität. Du kannst Claude Anpassungen vorschlagen, und diese werden in Echtzeit ins Artefakt integriert. Keine umständliche Copy-Paste-Aktion nötig.
Artefakte sind perfekt für Entwickler, Designer und alle, die mit Claude kreativ arbeiten möchten. Sie verwandeln eine Text-basierte KI-Konversation in eine echte Produktivitäts-Werkstatt.
In diesem Projekt ist das Artefakt ein Marketing-Dashboard, das Conversion-Daten aus verschiedenen Plattformen per CSV-Datei Import einliest und 2 beliebige Kalenderwochen anhand von Grafiken miteinander vergleicht.
Google Analytics mit viel Handarbeit
Im Fall von Google Analytics war der bisherige Workflow wie folgt:
- DerBenutzer logged sich in Google Analytics ein.
- Er Erzeugt den Report und export diesen als CSV-Datei.
- Im Artefakt klickt er auf Import, wählt die Datei aus und liest sie ein.
Google Analytics API Automatisierung mit n8n
n8n verkürzt den manuellen Vorgang auf das simple Starten des Artefakts, der Rest läuft automatisiert:
- Per Javascript wird ein Get-Request an einen n8n Workflow gesendet.
- Dieser trägt die Daten über die Google Analytics API zusammen und sendet sie im JSON Format als Antwort.
- Entsprechende JavaScript Funktionen im Artefakt wandeln die JSON Daten um, so daß das Artefakt sie verarbeiten kann.
- Der manuelle CSV-Import funktioniert als Fallback weiterhin.
Der n8n Workflow für Google Analytics im Detail
Der Workflow erzeugt über die Google Analytics API einen Vergleichsreport über 2 Kalenderwochen. Hierzu werden 2 Google Analytics API Requests durchgeführt, einer pro Kalenderwoche. Damit die Google Analytics API die richtigen Zeiträume als Input bekommt, werden zuvor die Aufrufparameter wie z.B. “KW32” in das entsprechende Start- und Ende-Datum umgerechnet.
Danach werden beide Ergebnisse zusammengeführt, mit Datum von-bis für die entsprechende Kalenderwoche gekennzeichnet und ausgegeben.
Wie wurde das per KI erzeugte Artefakt angepasst?
Das Claude Artefakt wurde komplett über Prompt Engineering mit Claude Opus 5 angepasst, keine einzige Zeile davon wurde als Code programmiert.
Dieses Projekt zeigt, wie sich das Programmieren selbst und die Art der Problemlösung im Zeitalter der KI-Automatisierung grundlegend geändert hat.
Mehr über n8n-Automatisierung lesen
