# Benutzerdefinierte Dashboards mit Grafana

Eines der einzigartigen Merkmale von smoxy's Real User Monitoring ist der Open-Source-Ansatz zur Datenvisualisierung. Während smoxy ein integriertes Dashboard bereitstellt, verstehen wir, dass jede Organisation einzigartige Monitoring-Bedürfnisse hat. Deshalb wurde eine Open-Source-Referenzimplementierung erstellt, die zeigt, wie RUM-Daten über API abgerufen und in Grafana visualisiert werden können.

### Warum benutzerdefinierte Dashboards?

#### Deine Daten, auf deine Weise

Während das smoxy RUM-Dashboard integrierte Analysen bietet, könnte der Wunsch bestehen:

✨ **Visualisierungen anzupassen**, um den spezifischen Anforderungen des Teams zu entsprechen\
✨ **Mit bestehenden Monitoring-Tools** und Observability-Plattformen zu integrieren\
✨ **Benutzerdefinierte Alarme** basierend auf Performance-SLAs zu erstellen\
✨ **Executive Dashboards** mit unternehmensspezifischen KPIs zu bauen\
✨ **RUM-Daten mit Anwendungsmetriken, Geschäftsmetriken oder anderen Datenquellen zu kombinieren**\
✨ **Dashboards in der eigenen Infrastruktur** zu hosten

#### smoxy sammelt weiter, du kontrollierst die Visualisierung

Die Schönheit dieses Ansatzes:

* **smoxy übernimmt den schwierigen Teil**: Sammeln, Validieren und Speichern von Milliarden von RUM-Datenpunkten zuverlässig
* **Du kontrollierst die Präsentation**: Dashboards erstellen, die zum Workflow, den Tools und den Anforderungen passen
* **Kein Vendor-Lock-in**: Daten sind über Standard-APIs zugänglich
* **Keine zusätzlichen Kosten**: RUM-Daten und API-Zugriff sind im smoxy-Konto enthalten

### Open-Source-Grafana-Dashboard

Eine **Open-Source-Referenzimplementierung** wurde erstellt, die zeigt, wie benutzerdefinierte Dashboards mit RUM-Daten erstellt werden.

**Repository**: [github.com/smoxy-eu/rum-dashboard](https://github.com/smoxy-eu/rum-dashboard)

Das Repository enthält:

* Vorgefertigte Grafana-Dashboards
* Docker-Compose-Setup für schnelle Bereitstellung
* Vollständige API-Integrationsbeispiele

**Los geht's**: Das Repository besuchen und der README für Setup-Anweisungen und Beispiele folgen.

### Vergleich: Integriert vs. Benutzerdefinierte Dashboards

| Feature           | smoxy Integriertes Dashboard             | Open-Source-Grafana-Dashboard                   |
| ----------------- | ---------------------------------------- | ----------------------------------------------- |
| **Setup**         | Sofort, keine Konfiguration              | 10 Minuten mit Docker                           |
| **Anpassung**     | Festes Layout                            | Vollständig anpassbar                           |
| **Datenquellen**  | Nur RUM                                  | Mit jeder Datenquelle kombinierbar              |
| **Alarme**        | Keine Alarme                             | Benutzerdefinierte Alarmregeln                  |
| **Hosting**       | smoxy Cloud                              | Eigene Infrastruktur                            |
| **Am besten für** | Schnelle Einblicke, tägliches Monitoring | Erweiterte Analysen, individuelle Anforderungen |

**Empfehlung**: Beides nutzen! Das integrierte Dashboard für schnelle Checks und benutzerdefinierte Dashboards für tiefgehende Analysen und teamspezifische Ansichten.

***

**Bereit loszulegen?**\
Das Repository besuchen: [**github.com/smoxy-eu/rum-dashboard**](https://github.com/smoxy-eu/rum-dashboard)

Bei Fragen zu RUM-Setup oder Konfiguration siehe [Real User Monitoring einrichten](/real-user-monitoring/real-user-monitoring-einrichten.md) oder kontaktiere <support@smoxy.eu>.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smoxy.eu/real-user-monitoring/benutzerdefinierte-dashboards-mit-grafana.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.