Utilisez le code embed pour intégrer des contenus interactifs avec Genially / Edtake / Padlet...

1/ Qu'est ce qu'un code embed ?

Un code Embed permet d'intégrer des contenus externes dynamiques dans une page web et donc dans votre LMS.

Voici quelques exemples de formats intégrables facilement via Code Embed :

• une vidéo YouTube
• un PPT - passer par code embed plutôt qu'import de fichier permet de garder les animations et la mise à jour du PPT se répercute automatiquement dans la formation elearning : )
• Genially (infographies et vidéos interactives)
• Padlet (mur de post-it)
• Vyond (vidéo en motion design...)
• Edtake (contenu créé avec un assistant IA)

Le code Embed est également appelé lien embed, lien Iframe ou lien d'intégration.

À la différence d’un lien direct, que vous pouvez rentrer dans la barre d’adresse de votre navigateur web, un code embed est un bout de code en langage HTML. Il renseigne non seulement l’emplacement du document, mais fournit également des indications sur la manière dont le document doit être affiché et se comporter (par exemple, quelle taille par défaut pour l’affichage du document ? La taille s’adapte-t-elle en fonction de la largeur de l’écran ? Certains entêtes sont-ils masqués ? Le plein écran est-il autorisé ? Les animations sont-elles conservées ?, etc.).

Un code embed a l'une des deux formes suivantes (équivalentes) :

• <iframe src="https://..."></iframe>
• <embed src="https://..."></embed>

Si vous ne voyez pas les caractères <  et >  (les « balises »), il ne s’agit pas d’un code embed.

2/ Comment récupérer le code embed d’un document

La manière officielle

Les étapes exactes pour récupérer le code embed d’un document dépend de l’application qui l’héberge. Nous vous conseillons de consulter le site d’aide de cette application, qui possède souvent un article sur le sujet, avec le titre « Intégrer XXX dans un site web » ou « Partager XXX sur votre blog » (si vous ne trouvez rien, c’est qu’il n’est pas possible de récupérer le code embed, nous y reviendrons).

Voici les principales étapes :

1. Depuis l’interface d’édition du document, cliquez sur Partager /Diffuser /Publier .
2. Cherchez une option avec le terme embed  ou iframe .
3. Copiez le code.
4. Collez le code dans la zone dédiée dans l'activité "Code embed"

Parfois, le code embed est inclus dans un bloc de code plus large. Dans ce cas, copiez uniquement la partie commençant par la balise <iframe...  (ou <embed... ) et finissant par </iframe>  (ou </embed> ).

La triche

Certains documents web ne fournissent pas leur code embed, mais il est parfois possible de le « forcer ». Cette technique est un contournement dont la réussite n’est pas garantie.

1. Copiez le lien direct du document.
2. Ouvrez https://www.iframe-generator.com/.
3. Dans le champ iFrameURL , collez le lien du document.
4. Si le document est long (plus qu’une page standard, par exemple), sélectionnez scrollbar → yes dans les options juste au-dessus.
5. Cliquez sur Preview  pour voir un aperçu du document tel qu’il sera affiché dans le module.
6. Cliquez sur Generate  pour générer le code embed.
7. Cliquez sur COPY IT  pour copier le code embed.
8. Collez le code dans la zone dédiée dans l'activité "Code embed