Meilleure intégration iframe

[mquandalle]

Salut,

Suite à ma discussion avec @Adeline-Lrn, je vous partage les points techniques qu'on utilise pour les iframe mon-entreprise pour en améliorer l'intégration :

• Redimensionner dynamiquement l'iframe aux dimensions de son contenu. Cela permet d'éviter la barre de scroll que l'on voit sur https://mission-transition-ecologique.beta.gouv.fr/poser-une-question. Ce n'est hélas pas 100% trivial, il faut passer par un script du type https://github.com/davidjbradshaw/iframe-resizer
• Moins important, mais nos utilisateurs aiment bien la possibilité de choisir la couleur principale pour l'intégrer au thème de leur site (exemple sur service-public.fr). À minima mettre une couleur de fond transparente permet d'éviter d'afficher un carré blanc si le site à une légère couleur de fond.
• Proposer une page publique avec les différents paramètres de l'iframe possible, cela fait office de documentation : https://mon-entreprise.urssaf.fr/intégration/iframe

Si on part sur l'intégration iframe sur mon-entreprise, il faudra sans doute envisager les évolutions suivantes :

• Pouvoir pré-remplir l'iframe, (ça peut se faire facilement avec des paramètres GET type iframe?siret=323421)
• Remonter un événement lorsque le formulaire a été envoyé pour que l'on puisse fermer notre modale par exemple (ça se fait facilement aussi avec un postMessage)