← Retour à l’index des embeds

Intégration des chiffres clés

Configurez un indicateur et copiez le snippet à intégrer sur un site externe.

Aperçu
—
Source des données
Contenu affiché
Affichage
Date (aperçu)
Astuce: laissez les valeurs par défaut quand c’est possible pour des snippets plus courts.
Snippet
Ce snippet ne contient que le conteneur <span> avec les attributs opendata-*. Chargez le script d’intégration séparément (voir ci‑dessous) — il détecte ces attributs et injecte la valeur.
Intégration du script

Ajoutez ce script une seule fois sur la page. Il regroupe les demandes par fund/period/format, appelle notre API et remplit tous les éléments opendata-*. 

<script src="https://opendata.iroko.com/api/figure-embed.js"></script>
Exemple minimal

1) Chargez le script ci‑dessus (une fois) • 2) Placez ce conteneur où afficher la valeur : 

<span 
  opendata-figure="net_capital_raised" 
  opendata-fund="zen"
>-</span>
Exemples avancés
Compact (3 chiffres par défaut) :
<span 
  opendata-figure="gross_asset_value" 
  opendata-fund="zen" 
  opendata-format="compact"
>-</span>
Compact avec 2 chiffres, locale « en » :
<span 
  opendata-figure="gross_asset_value" 
  opendata-fund="zen" 
  opendata-format="compact" 
  opendata-maxdigits="2" 
  opendata-compactlocale="en"
>-</span>
Format complet sans unité (number‑only) :
<span 
  opendata-figure="occupancy_rate" 
  opendata-fund="zen" 
  opendata-display="number-only"
>-</span>
Format complet avec fractions personnalisées :
<span 
  opendata-figure="dividend_yield_12m" 
  opendata-fund="zen" 
  opendata-minfraction="1" 
  opendata-maxfraction="3"
>-</span>
Attributs disponibles
  • opendata-figure (requis) : nom du KPI (colonne key_figures.name).
  • opendata-fund (requis) : fonds : zen, next, impact.
  • opendata-period (facultatif) : période exacte (ex : y-2023).
  • opendata-display (facultatif) : formatted (défaut) ou number-only.
  • opendata-format : compact | full (défaut : full).
  • opendata-maxdigits : entier, compact uniquement (défaut : 3).
  • opendata-minfraction / opendata-maxfraction : entiers, full uniquement (défauts : 0 / 2).
  • opendata-compactlocale : fr | en | es (défaut : fr).
  • Affichage date : utilisez opendata-display="date" et, optionnellement, opendata-date-locale, opendata-date-style ou opendata-date-options (JSON). Le loader transmet ces options à l’API qui retourne update_date_display.

Notes : - Le script embarqué regroupe les appels API, gère l’option number-only et injecte la date déjà formatée par le serveur.