Become a HubSpot power user — join us for HubSpot Training Day 2017.

COS-General

Qu'est-ce qu'un iFrame ?

Dernière mise à jour: July 5, 2017

En bref, un iFrame est un document HTML intégré à un autre, par exemple un document publié sur un site web. Un iFrame peut être utilisé pour insérer du contenu issu d'une source externe sur une page web.

Intégrer un iFrame à vos pages est parfois utile : par exemple, si vous disposez de contenus pertinents hébergés sur un domaine externe (image, vidéo intégrée, courtes instructions, élément décoratif, etc.) que vous souhaitez afficher sur l'une de vos pages.

Toutefois, utiliser trop d'iFrame peut compromettre les possibilités de personnalisation de vos pages. Le code CSS de votre site ne peut pas être appliqué à un iFrame, ce type de contenu étant hébergé en dehors de votre site. Les iFrame ne doivent donc pas constituer des éléments essentiels de votre site web, mais simplement des éléments de contenu intégrés. Par exemple, si vous disposez d'une page hébergée sur un autre domaine, il n'est pas recommandé de l'intégrer à une autre page via un iFrame (plutôt que de la recréer) en espérant économiser du temps et des ressources.

À chaque chargement de l'iFrame, les scripts de l'iFrame sont également chargés. En conséquence, le nombre de vues de la page intégrée à l'iFrame risque d'être surestimé dans Google Analytics ou dans les données analytiques de HubSpot.

Pour créer un iFrame :

Remplacez les variables suivantes :

  • $PAGEURL par l'URL de la page que vous souhaitez intégrer à l'iFrame
  • $WIDTH par la largeur relative de l'iFrame (px ou %)
  • C$HEIGHT par la hauteur relative de l'iFrame (px ou %)

Pour terminer l'intégration de l'iFrame, copiez le code et collez-le dans un module HTML sur la page devant contenir l'iFrame.

Remarque : en raison de leurs caractéristiques, les iFrames ne peuvent pas être intégrés aux e-mails HubSpot.