Power Gains op uw website
Dezelfde keuzelijst, grafiek en tabel als op ECU-LAB, op uw eigen website — in uw taal en uw kleuren.
Toegang
- Een ECU-LAB-account met een actief abonnement.
- Maak in uw account → API-sleutels een sleutel aan en vermeld de websites waarop hij mag werken.
- Plak de code op uw website (of installeer de WordPress-plug-in) en kies uw kleuren.
1 · Widget (JavaScript)
Twee regels in uw pagina. De widget bouwt de keuzelijst, tekent de grafiek en de tabel en past zich aan de paginabreedte aan.
<div class="ecu-lab-gains" data-key="pk_…" data-lang="nl"></div> <script src="https://ecu-lab.online/assets/widget/gains.js" async></script>
Optionele attributen:
data-key | uw openbare sleutel (pk_…) — verplicht |
data-lang | taal: 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 — toon één categorie (zonder dit kiest de bezoeker) |
data-unit | hp · kw |
data-colors | JSON met de kleuren (namen in de tabel hieronder) |
data-color-hp-tuned … | één kleur, bijv. data-color-hp-tuned="#ff6a00" |
data-disclaimer | uw eigen opmerking onder de grafiek (er wordt altijd een opmerking getoond) |
2 · Iframe
Voor paginabouwers die geen scripts toestaan. Zonder rand, transparante achtergrond; met het script op de pagina past de hoogte zich aan de inhoud aan.
<iframe class="ecu-lab-gains-frame" src="https://ecu-lab.online/embed/gains?key=pk_…&lang=nl&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>
Kleuren staan in het adres als c_<name>=rrggbb (zonder #). Het iframe opent alleen op de websites die bij de sleutel staan.
3 · WordPress-plug-in
Installeer de plug-in, voer uw geheime sleutel één keer in bij Instellingen → ECU-LAB Power Gains en plaats daarna de shortcode of het blok „ECU-LAB Power Gains” waar u wilt. De sleutel blijft op uw server.
[ecu_lab_gains lang="nl" category="cars" hp_tuned="#ff6a00" nm_tuned="#0e2342"]
4 · Vanaf uw server (REST)
Voor uw eigen integratie: JSON-antwoorden, geauthenticeerd met de geheime sleutel. Zet de geheime sleutel nooit in een webpagina.
curl -H "Authorization: Bearer sk_…" \
"https://ecu-lab.online/api/v1/gains/vehicle/12345?lang=nl"
| GET | |
|---|---|
/api/v1/gains/config | kleuren, categorieën en teksten in de gevraagde taal |
/api/v1/gains/categories | categorieën met het aantal voertuigen |
/api/v1/gains/brands?category=cars | merken binnen een categorie |
/api/v1/gains/models?category=cars&brand=… | modellen van een merk |
/api/v1/gains/years?category=cars&brand=…&model=… | bouwjaren / generaties van een model |
/api/v1/gains/engines?category=cars&brand=…&model=…&year=… | motoren (id, naam, brandstof) |
/api/v1/gains/vehicle/{id} | vermogen, koppel, Stage 2 indien beschikbaar, grafiekpunten en assen |
Algemene parameters: lang (taal van de teksten), unit=kw (vermogen in kW in plaats van pk).
Grafiekkleuren
hp_tuned | Vermogen — getuned | #1f74e0 |
hp_stock | Vermogen — standaard | #8fa3b6 |
nm_tuned | Koppel — getuned | #e8a33b |
nm_stock | Koppel — standaard | #b39b70 |
stage2 | Stage 2 | #7357d6 |
grid | Raster en lijnen | #e2e9f1 |
text | Tekst | #4a5d75 |
accent | Accent (geselecteerde velden) | #1f74e0 |
bg | Achtergrond (of „transparent”) | transparent |
Elke kleur die u weglaat, behoudt de waarde die bij uw sleutel is opgeslagen, anders de standaardwaarde.
Regels
- De openbare sleutel werkt alleen op de vermelde websites; de geheime sleutel alleen vanaf een server.
- Limieten per account: 120 verzoeken per minuut, 20.000 per dag.
- De waarden zijn schattingen en de opmerking onder de grafiek wordt altijd getoond.
- Sleutels werken zolang het account een actief abonnement heeft; ze stoppen bij het verlopen en werken weer na verlenging.