Power Gains en tu web
El mismo selector, gráfico y tabla que en ECU-LAB, en tu propia web — en tu idioma y con tus colores.
Acceso
- Tener una cuenta ECU-LAB con un plan activo.
- En tu cuenta → Claves API, crea una clave e indica las webs en las que puede funcionar.
- Pega el código en tu web (o instala el plugin de WordPress) y elige tus colores.
1 · Widget (JavaScript)
Dos líneas en tu página. El widget crea el selector, dibuja el gráfico y la tabla y se adapta al ancho de la página.
<div class="ecu-lab-gains" data-key="pk_…" data-lang="es"></div> <script src="https://ecu-lab.online/assets/widget/gains.js" async></script>
Atributos opcionales:
data-key | tu clave pública (pk_…) — obligatoria |
data-lang | idioma: 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 — mostrar una sola categoría (sin él, elige el visitante) |
data-unit | hp · kw |
data-colors | JSON con los colores (nombres en la tabla de abajo) |
data-color-hp-tuned … | un solo color, p. ej. data-color-hp-tuned="#ff6a00" |
data-disclaimer | tu propia nota bajo el gráfico (siempre se muestra una nota) |
2 · Iframe
Para constructores de páginas que no aceptan scripts. Sin borde, fondo transparente; con el script en la página, la altura se ajusta al contenido.
<iframe class="ecu-lab-gains-frame" src="https://ecu-lab.online/embed/gains?key=pk_…&lang=es&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>
Los colores van en la dirección como c_<name>=rrggbb (sin #). El iframe solo se abre en las webs indicadas en la clave.
3 · Plugin de WordPress
Instala el plugin, introduce una vez tu clave secreta en Ajustes → ECU-LAB Power Gains y coloca el shortcode o el bloque «ECU-LAB Power Gains» donde quieras. La clave se queda en tu servidor.
[ecu_lab_gains lang="es" category="cars" hp_tuned="#ff6a00" nm_tuned="#0e2342"]
4 · Desde tu servidor (REST)
Para tu propia integración: respuestas JSON, autenticadas con la clave secreta. Nunca pongas la clave secreta en una página web.
curl -H "Authorization: Bearer sk_…" \
"https://ecu-lab.online/api/v1/gains/vehicle/12345?lang=es"
| GET | |
|---|---|
/api/v1/gains/config | colores, categorías y textos en el idioma solicitado |
/api/v1/gains/categories | categorías con el número de vehículos |
/api/v1/gains/brands?category=cars | marcas de una categoría |
/api/v1/gains/models?category=cars&brand=… | modelos de una marca |
/api/v1/gains/years?category=cars&brand=…&model=… | años / generaciones de un modelo |
/api/v1/gains/engines?category=cars&brand=…&model=…&year=… | motores (id, nombre, combustible) |
/api/v1/gains/vehicle/{id} | potencia, par, Stage 2 si está disponible, puntos y ejes del gráfico |
Parámetros comunes: lang (idioma de los textos), unit=kw (potencia en kW en lugar de CV).
Colores del gráfico
hp_tuned | Potencia — modificada | #1f74e0 |
hp_stock | Potencia — serie | #8fa3b6 |
nm_tuned | Par — modificado | #e8a33b |
nm_stock | Par — serie | #b39b70 |
stage2 | Stage 2 | #7357d6 |
grid | Cuadrícula y líneas | #e2e9f1 |
text | Texto | #4a5d75 |
accent | Acento (campos seleccionados) | #1f74e0 |
bg | Fondo (o «transparent») | transparent |
Cualquier color que omitas mantiene el valor guardado en tu clave y, si no, el predeterminado.
Reglas
- La clave pública solo funciona en las webs indicadas; la clave secreta, solo desde un servidor.
- Límites por cuenta: 120 solicitudes por minuto, 20.000 por día.
- Las cifras son estimaciones y la nota bajo el gráfico siempre se muestra.
- Las claves funcionan mientras la cuenta tenga un plan activo; se detienen al vencer y vuelven a funcionar al renovar.