Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Ajouter des vidéos au contenu HubSpot

Dernière mise à jour: 9 juillet 2025

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Marketing Hub   Pro , Enterprise
Service Hub   Pro , Enterprise
Content Hub   Pro , Enterprise

Vous pouvez charger des vidéos dans l'outil Fichiers, puis les ajouter à des pages, des e-mails marketing, des articles de blog et des articles de la base de connaissances. Lorsque vous utilisez HubSpot Vidéo, vous pouvez également ajouter un CTA ou un formulaire avant ou après la lecture de la vidéo.

 

HubSpot Video

Avant de commencer

Avant de commencer à utiliser cette fonctionnalité, assurez-vous de bien comprendre les étapes à suivre à l'avance, ainsi que les limites de la fonctionnalité et les conséquences potentielles de son utilisation.


Compréhension des limites et des considérations

Ajouter des vidéos aux e-mails

La vidéo HubSpot est prise en charge dans le module vidéo de l'éditeur d'e-mails drag and drop. Étant donné que la vidéo n’est pas prise en charge par la plupart des clients de messagerie, les vidéos ajoutées à vos e-mails marketing apparaîtront comme une image miniature avec un bouton de lecture vidéo.

Cette vignette constituera un lien vers une page web où votre destinataire pourra afficher votre vidéo, qui sera hébergée sur le domaine principal pour les versions web des e-mails. 

  1. Depuis votre compte HubSpot, accédez à Marketing > E-mail.

  2. Cliquez sur le nom de l'e-mail.

  3. Dans l'éditeur de barre latéral, cliquez sur le module Vidéo et faites-le glisser vers la position souhaitée dans votre e-mail.

  4. Dans la section Type de vidéo, sélectionnez HubSpot Vidéo.

add-hubspot-video-to-email-1


Remarque : L'ajout de plus de 10 vidéos HubSpot à l'aide du module vidéo dans un e-mail peut entraîner des problèmes de rendu et des échecs d'envoi. Il est recommandé de limiter à 10 vidéos HubSpot par e-mail.

  1. Pour sélectionner une vidéo à partir de l'outil  , cliquez sur Parcourir les vidéos et sélectionnez l'image miniature d'une vidéo existante.

  2. Pour charger une nouvelle vidéo, cliquez sur Charger et sélectionnez un fichier à partir de votre ordinateur. Cliquez ensuite sur la vignette de la vidéo.

  3. Pour redimensionner votre vidéo, dans l'éditeur de barre latérale, saisissez une largeur ou une hauteur. 

  4. Dans la section Informations de la vidéo, cliquez sur Modifier pour personnaliser les informations de votre vidéo. 

    • Dans le panneau de droite, placez le curseur sur la vignette et cliquez sur Modifier la vignette pour modifier l'aperçu de votre vidéo.

    • Cliquez sur le curseur et faites-le glisser vers un point spécifique de la vidéo ou cliquez sur Sélectionner dans les fichiers pour ajouter une nouvelle image à partir de votre ordinateur.

    • Saisissez le texte du titre, la description et les balises méta. Cela aidera les moteurs de recherche à identifier le contenu de votre vidéo.

    • Cliquez sur Enregistrer.

Remarque : Les modifications apportées aux informations de la vidéo s'appliqueront où que soit utilisée la vidéo dans les outils de contenu de HubSpot.


 

  1. Pour modifier l'apparence du bouton de lecture vidéo, accédez à l'onglet Styles et cliquez sur Options de style.

    • Pour personnaliser la couleur du bouton de lecture vidéo, saisissez une valeur hexadécimale ou cliquez sur le sélecteur de couleur pour choisir une couleur. 

    • Pour personnaliser la taille du bouton de lecture, saisissez une valeur en pixels ou cliquez sur le curseur et faites-le glisser vers une nouvelle position. La mise à jour de l'aperçu de votre bouton de lecture peut prendre quelques secondes. 


  1. Pour vérifier que votre vidéo s'affiche en pleine largeur sur les appareils mobiles, sélectionnez la case à cocher Afficher comme la largeur maximale sur les appareils mobiles. Les vidéos ne s'affichent jamais selon une largeur supérieure à leurs dimensions d'origine. 

  1. Pour déplacer la vidéo vers la droite ou la gauche, cliquez sur le menu déroulant Alignement et sélectionnez Gauche, Centre ou Droite.

  2. Pour ajouter un espace sur les côtés de votre vidéo, cliquez pour activer l'option Remplissage

    • Sélectionnez la case à cocher Appliquer à tous les côtés pour appliquer le même remplissage sur tous les côtés de la vidéo.

    • Saisissez les valeurs en pixels de remplissage dans les champs de texte Haut, Bas, Gauche ou Droite.

       

 

Ajouter des vidéos aux pages, aux articles de blog et aux articles de base de connaissances

Les vidéos peuvent être ajoutées aux articles de blog, aux pages et aux articles de base de connaissances dans des modules de texte enrichi. Les zones glisser-déposer des pages prennent également en charge l'ajout de vidéos aux modules vidéo. 

Insérer une vidéo dans un module de texte enrichi sur une page, un article de blog ou un article de base de connaissances 

Les vidéos HubSpot peuvent être ajoutées à des modules de texte enrichi avec du texte, des images, des liens ou d'autres contenus. 

  1. Accédez à votre contenu :

    • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.

    • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.

    • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.

    • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.

  2. Cliquez sur le nom de votre contenu. 

  3. Dans l'éditeur de contenu, cliquez sur le module de texte enrichi.

  4. Cliquez sur le menu déroulant Insérer, puis sélectionnez Vidéo > HubSpot Vidéo.

  5. Dans le panneau de droite, sélectionnez une vidéo à insérer :

    • Pour insérer une vidéo existante à partir de l'outil Fichiers, vous pouvez utiliser la barre de recherche pour rechercher la vidéo. Cliquez ensuite sur la vignette de la vidéo.

    • Pour insérer une nouvelle vidéo, cliquez sur Charger des vidéos et sélectionnez une vidéo à partir de votre ordinateur. Cliquez ensuite sur la vignette de la vidéo.


 

  1. Pour personnaliser l’apparence de votre vidéo dans la barre d’outils de texte enrichi : 
    • Pour modifier la couleur du bouton de lecture de votre vidéo, cliquez sur le menu déroulant Couleur du lecteur backgroundColor et sélectionnez une couleur. Pour saisir une valeur hexadécimale ou une valeur de couleur RVB, accédez à l'onglet Avancé

    • Pour ajuster la position de votre vidéo dans un bloc de texte, cliquez sur les icônes d'alignement inline alignmental . Cliquez sur l’icône de pleine page pour assurer que fullWidth votre vidéo s’affiche en pleine page sur les appareils mobiles. 

    • Pour redimensionner votre vidéo, saisissez des valeurs en pixels de largeur et de hauteur. 

    • Pour modifier le remplissage autour de votre vidéo, cliquez sur le menu déroulant Espacement et saisissez des valeurs en pixels autour des bords de l'icône image.

Video_Edit


Remarque : Vous ne pouvez pas ajouter un CTA qui renvoie à un CTA contextuel. Cela empêchera la lecture de votre vidéo. 

  1. Pour ajouter un formulaire ou un CTA à afficher avant ou après la lecture de votre vidéo :
    • Dans l'éditeur de contenu, cliquez sur votre vidéo, puis sur l'icône Modifier edit .

    • Dans la boîte contextuelle, cliquez sur le menu déroulant CTA ou formulaire et sélectionnez Call-to-action ou Formulaire.

    • Pour ajouter un CTA intégré ou un CTA hérité à la vidéo : 

      • Dans CTA, cliquez sur Sélectionner un CTA.

      • Sélectionnez l'onglet CTA ou CTA (version héritée)

      • Pour créer un nouveau CTA, cliquez sur Créer un nouveau dans le panneau de droite. Ensuite, créez votre CTA ou CTA (hérité) et cliquez sur Enregistrer

      • Dans le panneau de droite, sélectionnez un CTA nouvellement créé ou un CTA existant, puis cliquez sur Insérer.

    • Pour ajouter un formulaire à la vidéo :

      • Cliquez sur le menu déroulant Formulaire et sélectionnez un formulaire

      • Pour créer un nouveau formulaire ou modifier un formulaire existant avant de le sélectionner, cliquez sur Créer ou modifier. Cela ouvrira l’outil Formulaires dans un nouvel onglet. 

    • Par défaut, la superposition s'affiche après la fin de la vidéo. Pour personnaliser le moment où la superposition apparaît et si les visiteurs peuvent ignorer le CTA ou le formulaire, dans la section Options d'affichage, cliquez sur Modifier

 

      • Dans le panneau de droite, cliquez sur le menu déroulant Temps d'affichage et sélectionnez un temps.
      • Si vous sélectionnez un temps personnalisé, vous pouvez le spécifier en cliquant sur le cercle situé sous la vidéo et en le faisant glisser jusqu'à la bonne position, ou en saisissant un temps dans le champ Heure d'affichage sélectionnée
    • Pour empêcher les téléspectateurs d'ignorer la superposition, cliquez sur le menu déroulant Ignorer l'option et sélectionnez Empêcher les visiteurs d'ignorer [type de ressource]. Par défaut, les visiteurs sont autorisés à ignorer la superposition.
       

Video_Display_Options

  1. Pour personnaliser les informations de votre vidéo dans un module de texte enrichi sur les pages :

    • Dans l’éditeur de contenu, cliquez sur votre vidéo, puis sur l’icône edit Modifier.
    • Dans la fenêtre contextuelle, cliquez sur Modifier les détails de la vidéo.

    • Si vous disposez d’un abonnement Content Hub Pro   ou Entreprise, pour générer ou optimiser certains détails de votre vidéo, cliquez sur l’icôneartificialIntelligenceIcon IA . Découvrez-en davantage sur la modification des détails de votre vidéo à l’aide de l’IA.
    • Dans l’onglet Optimisation, modifiez les détails de votre vidéo :

      • Titre de la vidéo : saisissez un titre pour votre vidéo, à utiliser sur les pages web, dans le fichier XML de plan du site et lors du partage de la vidéo.

      • Mots-clés : cliquez sur Ajouter des mots-clés pour saisir les hashtags et métadonnées lors du partage de votre vidéo, puis cliquez sur Enregistrer. 
      • Description SEO : saisissez une description SEO pour une utilisation dans les pages web, le XML de plan de site et lors du partage.
      • Chapitres (Content Hub Pro   ou Entreprise  uniquement) : cliquez pour activer l’option Chapitres afin d’ajouter des chapitres et permettre aux spectateurs de passer d’une section à une autre. Découvrez-en davantage sur la gestion des chapitres vidéo.
      • Vignette : sélectionnez le menu déroulant Modifier, puis cliquez sur Modifier le cadre ou Remplacer la vignette. Découvrez-en davantage sur la gestion des vignettes dans les vidéos.
  1. Pour personnaliser les informations de votre vidéo dans un module de texte enrichi sur des posts ou des articles :
    • Dans l’éditeur de contenu, cliquez sur votre vidéo, puis sur l’icône edit Modifier.
    • Dans la fenêtre contextuelle, cliquez sur Modifier les détails de la vidéo.

    • Dans le panneau de droite, passez le curseur de la souris sur la vignette et cliquez sur Modifier la vignette pour modifier l’aperçu de votre vidéo.

    • Cliquez sur le curseur et faites-le glisser vers un point spécifique de la vidéo, ou cliquez sur Remplacer l’image pour ajouter une nouvelle image.

    • Saisissez le texte du titre, la description et les balises méta. Cela aidera les moteurs de recherche à identifier le contenu de votre vidéo.

    • Cliquez sur Enregistrer.

Remarque : Les modifications apportées aux informations de la vidéo s'appliqueront où que soit utilisée la vidéo dans les outils de contenu de HubSpot.


Insérer une vidéo dans un module vidéo sur une page

La vidéo HubSpot est prise en charge dans le module vidéo ajouté à une zone de glisser-déposer sur un site web ou une page de destination. 

  1. Accédez à votre contenu :

    • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.

    • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.

  2. Cliquez sur le nom de votre contenu. 

  3. Dans la barre latérale de gauche, cliquez sur l'icône Ajouter add.

  4. Cliquez pour développer la section Média, puis cliquez sur + Afficher plus pour afficher tous les modules multimédia.

  5. Cliquez sur le module Vidéo et faites-le glisser sur votre page.


add-video-module-drag-drop

  1. Dans l'éditeur de barre latérale, sous Type de vidéo, sélectionnez HubSpot Vidéo.

  2. Sélectionnez un fichier vidéo à ajouter à votre page :

  3. Pour définir la taille maximale de la vidéo, cliquez sur le menu déroulant Taille maximale et sélectionnez une option :

    • Taille d'origine : la largeur de la vidéo ne dépasse pas sa taille initiale.

    • Pleine page : la vidéo s'affiche sur toute la largeur de l'appareil sur laquelle elle est regardée.

    • Personnalisé : la vidéo ne dépasse pas une largeur et une hauteur spécifiques dans l'éditeur de barre latéral. Saisissez les valeurs en pixels de ses dimensions dans les cases Largeur maximum et Hauteur maximum

  4.  Pour personnaliser les informations de votre vidéo dans le module vidéo :
    • Dans l’éditeur de barre latérale, cliquez sur Modifier dans la section Détails de la vidéo .
    • Si vous disposez d’un abonnement Content Hub Pro   ou Entreprise, pour générer ou optimiser certains détails de votre vidéo, cliquez sur l’icôneartificialIntelligenceIcon IA . Découvrez-en davantage sur la modification des détails de votre vidéo à l’aide de l’IA.
    • Dans l’onglet Optimisation, modifiez les détails de votre vidéo :

      • Titre de la vidéo : saisissez un titre pour votre vidéo, à utiliser sur les pages web, dans le fichier XML de plan du site et lors du partage de la vidéo.

      • Mots-clés : cliquez sur Ajouter des mots-clés pour saisir les hashtags et métadonnées lors du partage de votre vidéo, puis cliquez sur Enregistrer. 
      • Description SEO : saisissez une description SEO pour une utilisation dans les pages web, le XML de plan de site et lors du partage.
      • Chapitres (Content Hub Pro   ou Entreprise  uniquement) : cliquez pour activer l’option Chapitres afin d’ajouter des chapitres et permettre aux spectateurs de passer d’une section à une autre. Découvrez-en davantage sur la gestion des chapitres vidéo.
      • Vignette : sélectionnez le menu déroulant Modifier, puis cliquez sur Modifier le cadre ou Remplacer la vignette. Découvrez-en davantage sur la gestion des vignettes dans les vidéos.

Remarque : Les modifications apportées aux informations de la vidéo s'appliqueront où que soit utilisée la vidéo dans les outils de contenu de HubSpot.


  1. Pour gérer les sous-titres de votre vidéo, cliquez sur Gérer les sous-titres. Vous accèderez alors à l'outil Fichiers pour ajouter des sous-titres à votre vidéo. Découvrez-en davantage sur l'ajout de sous-titres à vos vidéos

  2. Dans la section CTA ou formulaire, vous pouvez ajouter un formulaire ou un CTA à votre vidéo : 

    • Cliquez pour développer la section CTA ou formulaire

    • Cliquez sur le menu déroulant CTA ou formulaire et sélectionnez un type de superposition

    • Pour insérer un formulaire, cliquez sur le menu déroulant Formulaire et sélectionnez un formulaire, ou cliquez sur Créer nouveau pour créer un nouveau formulaire dans l'outil Formulaires.

 files-video-module-cta-edit

    • Vous pouvez ajouter un CTA intégré ou un CTA hérité à votre vidéo. Pour insérer un CTA : 

      • Dans CTA, cliquez sur Sélectionner un CTA.

      • Sélectionnez l'onglet CTA ou CTA (version héritée)

      • Pour créer un nouveau CTA, cliquez sur Créer un nouveau dans le panneau de droite. Ensuite, créez votre CTA ou CTA (hérité) et cliquez sur Enregistrer

      • Dans le panneau de droite, sélectionnez un CTA nouvellement créé ou un CTA existant, puis cliquez sur Insérer

    • Pour personnaliser le moment exact où la superposition apparaît pour votre formulaire ou CTA : 
      • Dans la section Options, cliquez sur Modifier

      • Dans le panneau de droite, cliquez sur le menu déroulant Temps d'affichage et sélectionnez un temps. Si vous sélectionnez un temps personnalisé, vous pouvez le spécifier en cliquant sur le cercle situé sous la vidéo et en le faisant glisser jusqu'à la bonne position, ou en saisissant un temps dans le champ Heure d'affichage sélectionnée

      • Pour empêcher les visiteurs d'ignorer la superposition, cliquez sur le menu déroulant Ignorer l'option et sélectionnez Empêcher les visiteurs d'ignorer le formulaire/CTA. Par défaut, les visiteurs sont autorisés à ignorer la superposition. 


        Video_Display_Options
  1. Pour modifier les options de lecture vidéo, cliquez sur Avancé, puis cochez les cases Afficher la vidéo en boucle, Couper le son par défaut, Lecture automatique ou Masquer les contrôles. Lorsque vous utilisez l'option Lecture automatique, il est fortement recommandé de sélectionner également l'option Couper le son par défaut pour respecter les restrictions du navigateur. En règle générale, les vidéos avec du son sont mises en sourdine ou leur lecture est bloquée automatiquement. 

    • Google Chrome : les vidéos en lecture automatique doivent être désactivées. La lecture automatique avec le son pour les vidéos fréquemment consultées par l'internaute est autorisée. Découvrez-en davantage sur le système d'évaluation de Google.

    • Safari : les vidéos en lecture automatique doivent être mises en sourdine. Les utilisateurs peuvent choisir de bloquer ou d'autoriser la lecture automatique sans sourdine pour des domaines spécifiques dans leur configuration. Découvrez-en davantage sur la gestion des vidéos en lecture automatique dans Safari.

    • Mozilla Firefox : les vidéos en lecture automatique doivent être mises en sourdine. Les utilisateurs peuvent choisir de bloquer ou d'autoriser la lecture automatique sans sourdine pour des domaines spécifiques dans leur configuration. Découvrez-en davantage sur la gestion des vidéos en lecture automatique dans Firefox.

  2. Pour modifier la couleur du bouton de lecture vidéo, cliquez sur Options de style, puis saisissez une valeur hexadécimale ou cliquez sur le sélecteur de couleur pour choisir une couleur.

Analyser les performances de vidéos (pages, articles de blog et articles de base de connaissances uniquement)

Après avoir ajouté une vidéo à votre page HubSpot, article de blog ou article de base de connaissances, vous pouvez analyser les performances de la vidéo grâce à des indicateurs tels que le nombre de vues et la fidélisation vidéo. Consultez ces indicateurs sur la page des détails du contenu, dans des rapports personnalisés et sur la chronologie des contacts. Vous pouvez également filtrer les interactions avec les médias dans les listes et les workflows.

Remarque : Les analytics des performances des vidéos ne sont disponibles que pour les vidéos HubSpot. Les fichiers vidéo externes intégrés à une URL ou à un code intégré ne généreront pas d'analytics dans HubSpot.

HubSpot Video

Vues de la vidéo dans la performance des pages 

  1. Accédez à votre contenu :

    • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.

    • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.

    • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.

    • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.

  1. Passez le curseur de votre souris sur le nom d'une page ou d'un article et cliquez sur Performances

  2. S'il existe plusieurs vidéos HubSpot sur la page, dans l'angle supérieur gauche, cliquez sur le menu déroulant Vidéo et sélectionnez une vidéo

  3. Si vous exécutez un test A/B sur la page, en haut de l'onglet Performance, cliquez sur le menu déroulant Variante et sélectionnez une variante. Les vues de vidéos n'apparaîtront pas pour les pages de test A/B sans variante sélectionnée. 

  1. Analysez vos lectures vidéo : 

    • Vues de la vidéo : le nombre de chargements de votre vidéo sur votre page dans le navigateur d'un visiteur.


      video-views-on-performance-page
    • Fidélisation vidéo : indicateur sur les parties de votre contenu vidéo qui ont été lues. 


      video-analytics

Vues de la vidéo sur la fiche d'informations d'un contact

Pour consulter les vues de la vidéo sur la fiche d'informations d'un contact :

  1. Dans votre compte HubSpot, accédez à CRM > Contacts.

  2. Cliquez sur le nom d'un contact.

  3. Pour l'activité des contacts selon les vues de la vidéo, cliquez sur l'onglet Activités. Cliquez ensuite sur Filtrer l'activité et sélectionnez la case à cocher Lectures média.

filter-for-media-plays

Lectures de vidéos dans les rapports personnalisés (Marketing Hub Pro et Entreprise uniquement)

En utilisant le générateur de rapports personnalisés  , vous pouvez créer des rapports pour analyser les lectures de vidéos :

  1. Dans votre compte HubSpot, accédez à Rapports > Rapports.

  2. Cliquez sur Créer un rapport, puis sur Générateur de rapports personnalisés.

  3. Cliquez sur Sélectionner mes propres sources de données.

  4. Pour utiliser des événements personnalisés comme source de données principale, cliquez sur le menu déroulant Source de données principale, puis sélectionnez Médias


    media-plays-custom-report-builder0
  5. Si vous souhaitez utiliser les lectures média en tant que source non principale, vous pouvez sélectionner Média dans la section Marketing.

     

    media-secondary-source-custom-report-builder0
  6. Poursuivez l'élaboration de votre rapport

Lectures de vidéos dans les rapports d'attribution (Marketing et Content Hub Pro ou Entreprise uniquement)

Par défaut, les lectures de vidéos seront incluses dans les rapports d'attribution de revenus de . Si ce paramètre a été désactivé, les utilisateurs disposant des autorisations Account Access peuvent réactiver cette source de données dans les paramètres :

  1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.

  2. Dans le menu latéral de gauche, cliquez sur Suivi et analyse > Attribution. Ce paramètre n'apparaîtra que pour les utilisateurs ayant les autorisations Account Access.

  3. Dans la section Personnaliser les types d'interaction, activez le bouton Média lu.

  4. Cliquez sur Enregistrer.

  5. Dans la boîte de dialogue, vérifiez la modification et cliquez sur Enregistrer et commencer le retraitement.

Vos rapports existants commenceront à être retraités pour inclure les lectures de vidéos. Cela peut prendre jusqu'à deux jours selon la quantité de données dans votre compte HubSpot. HubSpot vous enverra une confirmation par e-mail une fois que vos rapports auront terminé le retraitement.

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.