Power Gains auf Ihrer Website
Dieselbe Auswahl, dasselbe Diagramm und dieselbe Tabelle wie bei ECU-LAB, auf Ihrer eigenen Website — in Ihrer Sprache und Ihren Farben.
Zugang
- Sie haben ein ECU-LAB-Konto mit einem aktiven Tarif.
- Erstellen Sie in Ihrem Konto → API-Schlüssel einen Schlüssel und tragen Sie die Websites ein, auf denen er laufen darf.
- Fügen Sie den Code in Ihre Website ein (oder installieren Sie das WordPress-Plugin) und wählen Sie Ihre Farben.
1 · Widget (JavaScript)
Zwei Zeilen in Ihrer Seite. Das Widget erstellt die Auswahl, zeichnet Diagramm und Tabelle und passt sich der Seitenbreite an.
<div class="ecu-lab-gains" data-key="pk_…" data-lang="de"></div> <script src="https://ecu-lab.online/assets/widget/gains.js" async></script>
Optionale Attribute:
data-key | Ihr öffentlicher Schlüssel (pk_…) — erforderlich |
data-lang | Sprache: en, de, fr, it, es, pt, nl, pl, cs, sk, hu, no, ro, el, tr, sr, bg, uk, ru, zh, ja |
data-category | cars · trucks · agro · moto · boats · machinery — nur eine Kategorie anzeigen (ohne Angabe wählt der Besucher) |
data-unit | hp · kw |
data-colors | JSON mit den Farben (Namen in der Tabelle unten) |
data-color-hp-tuned … | eine einzelne Farbe, z. B. data-color-hp-tuned="#ff6a00" |
data-disclaimer | Ihr eigener Hinweis unter dem Diagramm (ein Hinweis wird immer angezeigt) |
2 · Iframe
Für Seitenbaukästen, die keine Skripte zulassen. Ohne Rahmen, transparenter Hintergrund; mit dem Skript auf der Seite passt sich die Höhe dem Inhalt an.
<iframe class="ecu-lab-gains-frame" src="https://ecu-lab.online/embed/gains?key=pk_…&lang=de&c_hp_tuned=ff6a00"
style="border:0;width:100%;height:640px" loading="lazy" title="Power Gains"></iframe>
<script src="https://ecu-lab.online/assets/widget/gains.js" async></script>
Farben stehen in der Adresse als c_<name>=rrggbb (ohne #). Der Iframe öffnet sich nur auf den Websites, die beim Schlüssel eingetragen sind.
3 · WordPress-Plugin
Installieren Sie das Plugin, geben Sie Ihren geheimen Schlüssel einmal unter Einstellungen → ECU-LAB Power Gains ein und platzieren Sie dann den Shortcode oder den Block „ECU-LAB Power Gains“ an beliebiger Stelle. Der Schlüssel bleibt auf Ihrem Server.
[ecu_lab_gains lang="de" category="cars" hp_tuned="#ff6a00" nm_tuned="#0e2342"]
4 · Von Ihrem Server (REST)
Für Ihre eigene Integration: JSON-Antworten, authentifiziert mit dem geheimen Schlüssel. Setzen Sie den geheimen Schlüssel niemals in eine Webseite.
curl -H "Authorization: Bearer sk_…" \
"https://ecu-lab.online/api/v1/gains/vehicle/12345?lang=de"
| GET | |
|---|---|
/api/v1/gains/config | Farben, Kategorien und Texte in der gewünschten Sprache |
/api/v1/gains/categories | Kategorien mit der Anzahl der Fahrzeuge |
/api/v1/gains/brands?category=cars | Marken einer Kategorie |
/api/v1/gains/models?category=cars&brand=… | Modelle einer Marke |
/api/v1/gains/years?category=cars&brand=…&model=… | Baujahre / Generationen eines Modells |
/api/v1/gains/engines?category=cars&brand=…&model=…&year=… | Motoren (ID, Name, Kraftstoff) |
/api/v1/gains/vehicle/{id} | Leistung, Drehmoment, Stage 2 sofern verfügbar, Diagrammpunkte und Achsen |
Gemeinsame Parameter: lang (Sprache der Texte), unit=kw (Leistung in kW statt PS).
Diagrammfarben
hp_tuned | Leistung — optimiert | #1f74e0 |
hp_stock | Leistung — Serie | #8fa3b6 |
nm_tuned | Drehmoment — optimiert | #e8a33b |
nm_stock | Drehmoment — Serie | #b39b70 |
stage2 | Stage 2 | #7357d6 |
grid | Raster und Linien | #e2e9f1 |
text | Text | #4a5d75 |
accent | Akzent (ausgewählte Felder) | #1f74e0 |
bg | Hintergrund (oder „transparent“) | transparent |
Jede Farbe, die Sie weglassen, behält den beim Schlüssel gespeicherten Wert, sonst den Standardwert.
Regeln
- Der öffentliche Schlüssel funktioniert nur auf den eingetragenen Websites; der geheime Schlüssel nur von einem Server aus.
- Limits pro Konto: 120 Anfragen pro Minute, 20.000 pro Tag.
- Die Werte sind Schätzungen, und der Hinweis unter dem Diagramm wird immer angezeigt.
- Die Schlüssel funktionieren, solange das Konto einen aktiven Tarif hat; sie stoppen bei Ablauf und funktionieren nach der Verlängerung wieder.