Récupérer le code embed d’un document web

En dehors de certains types de vidéo (par exemple, une vidéo YouTube) et des fichiers importés depuis votre ordinateur, les documents web externes doivent être ajoutés via leur code embed.

Les documents ajoutés avec un code embed sont sujets aux règles de suspension d’activité. Nous recommandons donc d’utiliser des documents qui peuvent être terminés en moins de 15 minutes.

Un code embed ?

Il 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.

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 votre module.

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 votre module.

L’alchimie

Si vous adorez transformer le plomb en or, et les pages Web en PDF, cette méthode est faite pour vous. Il s’agit d’importer une page Web comme un document externe.

1. Ouvrez le menu pour imprimer de votre navigateur (méthode sur Chrome ↗, méthode sur Firefox ↗).
2. Dans Destination, sélectionnez Enregistrer au format PDF.
3. Ajoutez le document à votre module.
4. Tada. 🧚