Déployer une iframe Media Kit en 15 minutes (checklist)

Cette checklist vous guide pour intégrer le Media Kit sur votre site via iframe, sécuriser avec une whitelist de domaines, et valider le rendu. Objectif : un embed fiable, mesurable (UA, téléchargements par format) et prêt pour vos communications.

ℹ️ À lire d’abord (pilier) — Pour la vue d’ensemble :
Media Kit d’exposants : le guide complet pour organisateurs

Lire le guide complet · Voir les tarifs · Essayer le simulateur · Parler à un expert

---

0) Pré-flight (2 min)

• L’URL de votre page d’intégration est connue (ex. /exposants ou /partners).
• Vous avez la liste des domaines à autoriser (prod + staging).
• Les formats souhaités sont définis (square, story, landscape, header email).
• Vous disposez de l’ID d’événement à intégrer (ex. EVT123).
• Un responsable QA est identifié pour vérifier l’embed après mise en ligne.

---

1) Ajouter les domaines à la whitelist (3 min)

• Ajouter votre domaine principal (ex. www.exemple.com).
• Ajouter les sous-domaines utiles (ex. staging.exemple.com).
• Sauvegarder la configuration, puis attendre la propagation (quelques instants).

Pourquoi ? Sans whitelist, l’iframe est bloquée : c’est la base de la sécurité d’embed.

---

2) Intégrer le snippet iframe (4 min)

Collez le code ci-dessous dans votre page. Adaptez src (event_id), la hauteur et, si besoin, le style du container.

<!-- Exemple générique à adapter -->
<iframe
  src="https://app.media-k.it/kit?event_id=EVT123"
  width="100%"
  height="720"
  loading="lazy"
  referrerpolicy="no-referrer"
  style="border:0; border-radius:12px;"
  allow="clipboard-read; clipboard-write"
  title="Media Kit exposants"
></iframe>

Conseils

• Hauteur : visez ≥ 640–720 px pour éviter les scrolls internes.
• Container neutre : évitez que votre CSS hôte n’influence l’iframe.
• Attribut title : utile pour l’accessibilité (lecteurs d’écran).

---

3) Vérification visuelle & fonctionnelle (3 min)

• L’iframe s’affiche sans erreur (aucun message lié à la whitelist).
• Les templates apparaissent correctement (textes non rognés, logos nets).
• Le téléchargement d’un format fonctionne.
• L’export ZIP est disponible le cas échéant.
• Le scroll de la page reste fluide.

---

4) Diagnostics rapides (si ça ne s’affiche pas)

Symptôme	Cause probable	Action recommandée
L’iframe ne charge pas	Domaine non whitelisté	Ajouter le domaine (prod/staging) à la whitelist et réessayer
Rendu “cassé” dans l’iframe	CSS hôte qui déborde	Encapsuler l’iframe dans un container avec styles neutres
Scroll interne peu confortable	Hauteur trop faible	Passer de 560 px à ≥ 640–720 px
Téléchargement bloqué	Navigateur/permissions	Vérifier politiques de sécurité, réessayer en navigation privée
Rien ne se passe au clic	Script bloqué côté hôte	Vérifier extensions bloqueurs / règles CSP (ajouter l’hôte de l’iframe à frame-src)

---

5) QA & handover

• Capturer 1–2 captures d’écran (desktop + mobile).
• Vérifier que le compteur UA évolue après un téléchargement test.
• Exporter un CSV pour confirmer la présence des colonnes attendues :

participant_id,participant_name,company,format,file_name,downloaded_at,event_id

• Documenter en interne : URL de la page, date de mise en ligne, contacts.

---

6) Bonnes pratiques (durables)

• Safe areas & ratios : éviter la coupe d’éléments clés, tester à 320 px.
• Lisibilité : nom d’exposant parfaitement lisible en vignette mobile.
• Nommage des fichiers : EVENT_Company_Format.png pour un tri simple.
• Relances : planifier 2 rappels pour stimuler l’adoption (courbe UA/téléchargements).

---

7) FAQ succincte

Pourquoi la whitelist est obligatoire ?
Pour empêcher l’embed sur des domaines non autorisés et protéger votre kit.

Je n’ai plus d’UA, que faire ?
Ajouter une recharge de 50 UA pour enregistrer de nouveaux participants.

Quelles métriques sont disponibles ?
UA consommées, téléchargements par format, timeline, export CSV.

---

Articles liés

• Media Kit d’exposants : le guide complet pour organisateurs

---

CTAs

Lire le guide complet · Voir les tarifs · Essayer le simulateur · Parler à un expert