あなたのサイトに Power Gains を
ECU-LAB と同じセレクター、グラフ、表をあなたのサイトに — あなたの言語と配色で。
アクセス
- 有効なプランのある ECU-LAB アカウントをお持ちであること。
- アカウント → API キーでキーを作成し、動作させるサイトを登録します。
- コードをサイトに貼り付け（または WordPress プラグインをインストールし）、配色を選びます。
1 · ウィジェット（JavaScript）
ページに 2 行追加するだけ。ウィジェットがセレクターを作成し、グラフと表を描画して、ページ幅に合わせて表示します。
<div class="ecu-lab-gains" data-key="pk_…" data-lang="ja"></div> <script src="https://ecu-lab.online/assets/widget/gains.js" async></script>
任意の属性：
data-key | 公開キー（pk_…）— 必須 |
data-lang | 言語：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 — 1 つのカテゴリーのみ表示（指定しない場合は訪問者が選択） |
data-unit | hp · kw |
data-colors | 配色を含む JSON（名前は下の表を参照） |
data-color-hp-tuned … | 単一の色。例：data-color-hp-tuned="#ff6a00" |
data-disclaimer | グラフ下の独自の注記（注記は常に表示されます） |
2 · iframe
スクリプトを受け付けないページビルダー向け。枠なし、背景は透明。ページにスクリプトがあれば高さが内容に合わせて調整されます。
<iframe class="ecu-lab-gains-frame" src="https://ecu-lab.online/embed/gains?key=pk_…&lang=ja&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>
色はアドレス内で c_<name>=rrggbb（# なし）として指定します。iframe はキーに登録したサイトでのみ開きます。
3 · WordPress プラグイン
プラグインをインストールし、設定 → ECU-LAB Power Gains でシークレットキーを一度入力したら、ショートコードまたは「ECU-LAB Power Gains」ブロックを好きな場所に配置します。キーはサーバーに保管されます。
[ecu_lab_gains lang="ja" category="cars" hp_tuned="#ff6a00" nm_tuned="#0e2342"]
4 · サーバーから（REST）
独自の連携向け：シークレットキーで認証された JSON 応答。シークレットキーを決してウェブページに含めないでください。
curl -H "Authorization: Bearer sk_…" \
"https://ecu-lab.online/api/v1/gains/vehicle/12345?lang=ja"
| GET | |
|---|---|
/api/v1/gains/config | 指定した言語の配色、カテゴリー、テキスト |
/api/v1/gains/categories | 車両数付きのカテゴリー |
/api/v1/gains/brands?category=cars | カテゴリー内のメーカー |
/api/v1/gains/models?category=cars&brand=… | メーカーのモデル |
/api/v1/gains/years?category=cars&brand=…&model=… | モデルの年式 / 世代 |
/api/v1/gains/engines?category=cars&brand=…&model=…&year=… | エンジン（id、名称、燃料） |
/api/v1/gains/vehicle/{id} | 出力、トルク、Stage 2（ある場合）、グラフの点と軸 |
共通パラメーター：lang（テキストの言語）、unit=kw（出力を馬力ではなく kW で表示）。
グラフの配色
hp_tuned | 出力 — チューニング後 | #1f74e0 |
hp_stock | 出力 — ノーマル | #8fa3b6 |
nm_tuned | トルク — チューニング後 | #e8a33b |
nm_stock | トルク — ノーマル | #b39b70 |
stage2 | Stage 2 | #7357d6 |
grid | グリッドと線 | #e2e9f1 |
text | テキスト | #4a5d75 |
accent | アクセント（選択中の項目） | #1f74e0 |
bg | 背景（または「transparent」） | transparent |
指定しなかった色は、キーに保存された値、なければ既定値が使われます。
ルール
- 公開キーは登録したサイトでのみ、シークレットキーはサーバーからのみ動作します。
- アカウントごとの上限：1 分あたり 120 リクエスト、1 日あたり 20.000。
- 数値は推定値であり、グラフ下の注記は常に表示されます。
- キーはアカウントに有効なプランがある間動作し、期限切れで停止し、更新すると再び動作します。