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 à votre contenu HubSpot

Dernière mise à jour: mai 23, 2024

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

Marketing Hub   Pro , Entreprise
Service Hub   Pro , Entreprise
Content Hub   Pro , Entreprise

Téléchargez des vidéos dans l'outil files, puis ajoutez-les aux pages, aux e-mails de marketing, aux articles de blog et aux articles de la base de connaissances. 

Vous pouvez également insérer des vidéos HubSpot à l'aide du module vidéo dans CTAs, drag and drop marketing emails, et drag and drop areas on pages. Les vidéos sont également prises en charge dans les modules de texte enrichi dans les pages, les articles de blog et les articles de la base de connaissances. 

Avec HubSpot Vidéo, vous pouvez ajouter un CTA ou un formulaire avant ou après la lecture de la vidéo. Si vous disposez d'un compte avec un abonnement Entreprise, vous pouvez afficher un CTA ou un formulaire à n'importe quel moment de la vidéo et empêcher les visiteurs d'ignorer. 

Remarque : Cet article traite de l'utilisation des vidéos dans les pages, les posts, les articles et les e-mails marketing. En savoir plus sur l'ajout de vidéos aux conversations, aux e-mails personnalisés, aux modèles et aux e-mails séquentiels

HubSpot Video

Avant de commencer

  • Cet article explique comment ajouter des fichiers vidéo chargés dans HubSpot à votre contenu HubSpot. Pour ajouter une vidéo externe à partir d'une URL ou d'un code d'intégration, en savoir plus sur l'intégration de médias externes dans HubSpot.
  • Chaque navigateur prend en charge différents types de fichiers et, dans certains cas, téléchargera le fichier vidéo au lieu de le jouer dans le navigateur. Les vidéos téléchargées au format .mp4 sont prises en charge par la plupart des navigateurs, qui les liront.
  • Chaque vidéo est soumise aux limites de de l'outil de fichiers.
  • Pour améliorer l'accessibilité de votre site, vous pouvez ajouter un texte alternatif aux vidéos dans l'outil Fichiers. Découvrez-en davantage sur l'accessibilité du site web dans la documentation des développeurs
  • Pour chaque vidéo dans l'outil Fichiers, vous pouvez activer ou désactiver des fonctions avancées.
    • Les différences entre les vidéos dont les fonctions avancées sont activées et désactivées sont décrites ci-dessous :
  Fonctionnalités avancées activées Fonctions avancées désactivées  

Ajouter des vidéos au contenu de HubSpot dans les modules vidéo 

Non disponible

 

Suivre les performances des vidéos dans HubSpot

Disponible pour les pages, articles de blog et articles de base de connaissances

Non disponible

 

Inclure un formulaire ou un CTA dans la vidéo

Disponible pour les pages, articles de blog et articles de base de connaissances

Non disponible

 

Générer un lien direct vers la vidéo

Non disponible

 

Limite dans l'outil Fichiers

50 vidéos

Vidéos illimitées

 

Personnaliser la visibilité de l'URL

Non disponible

Définir sur PublicPublic - noindex ou Privé

 

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 de vignette 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. 

  • Dans votre compte HubSpot, accédez à Marketing > E-mail s marketing.
  • Cliquez sur le nom de l'e-mail.
  • 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.
  • Dans la section Type de vidéo , sélectionnez HubSpot Vidéo

add-hubspot-video-to-email-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.
    • 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.
  • Pour redimensionner votre vidéo, dans l'éditeur de barre latérale, saisissez une largeur ou une hauteur. 
  • Dans la section Informations de la vidéo, cliquez sur Modifier pour personnaliser les informations de votre vidéo. 
    • Dans le panneau de droite, 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 Charger une image personnalisée pour ajouter une nouvelle image à partir de votre ordinateur.
    • Saisissez du texte pour le titre, une description et des 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.


 

  • Pour modifier l'apparence du bouton de lecture de vidéo, 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. 
       

  • 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. 
  • 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.
  • 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 de glisser-déposer des pages permettent également d'ajouter des 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. 

  • 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 : Dans votre compte HubSpot, accédez à Contenu > Base de connaissances.
  • Cliquez sur le nom de votre contenu. 
  • Dans l'éditeur de contenu, cliquez sur le module de texte enrichi.
  • Cliquez sur le menu déroulant Insérer, puis sélectionnez Vidéo > HubSpot Vidéo.
  • Dans le panneau de droite, sélectionnez une vidéo à insérer :
    • Pour insérer une vidéo existante à partir de l'outil files, vous pouvez utiliser la barre de recherche pour rechercher la vidéo. Cliquez ensuite sur l'image miniature 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 l'image miniature
       
      de la vidéo.

 

Vous pouvez 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 fullWidth pour assurer que 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 Remplissage et saisissez des valeurs en pixels autour des bords de l'icône de l'image.
     

Video_Edit 

Vous pouvez également 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.
  • Vous pouvez ajouter un CTA intégré ou un CTA hérité à votre vidéo. Pour insérer un CTA : 
    • Sous Call-to-action, cliquez sur Sélectionner un CTA.
    • Sélectionnez l'onglet CTA ou CTA (hérité)
    • 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 insérer un formulaire :
    • 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. Si vous n'avez pas d'abonnement Entreprise, sélectionnez un temps d'affichage pour votre superposition.
    • Avant le début de la vidéo : affichez votre formulaire ou votre CTA avant le début de la lecture de votre vidéo.
    • Après la fin de la vidéo : affiche votre formulaire ou votre CTA juste après la fin de la lecture de votre vidéo. 
       
set-display-options-for-video
  • Si vous disposez d'un abonnement Entreprise , vous pouvez personnaliser le moment exact où la superposition s'affiche : 
    • Dans la section Options d'affichage de la fenêtre contextuelle, cliquez sur Modifier
       

 

      • Dans le panneau de droite, cliquez sur le menu déroulant Temps d'affichage et sélectionnez une option de durée. Si vous avez sélectionné une heure personnalisée, vous pouvez spécifier l'heure en cliquant sur le cercle sous la vidéo et en le faisant glisser jusqu'à la bonne position, ou en saisissant une heure 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 le [type de ressource]. Par défaut, les visiteurs sont autorisés à ignorer la superposition.
         

Video_Display_Options

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. 

  • 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.
  • Cliquez sur le nom de votre contenu. 
  • Dans la barre latérale de gauche, cliquez sur l'icône Ajouter add.
  • Cliquez sur pour développer la section Media , puis cliquez sur + Show more pour afficher tous les modules médias.
  • Cliquez sur le module Vidéo et faites-le glisser sur votre page.

add-video-module

  • Dans la section Détails de la vidéo, cliquez sur Modifier pour personnaliser les informations de votre vidéo :
    • Dans le panneau de droite, cliquez sur Modifier la vignette (poster) pour modifier l'image d'aperçu de votre vidéo.
    • Pour utiliser une image de la vidéo, cliquez sur le curseuret faites-le glisser jusqu'à un point précis de la vidéo, puis cliquez sur Mise à jour du cadre à [horodatage]
    • Pour utiliser une image personnalisée, cliquez sur Sélectionner dans Fichier, puis cliquez sur l'image que vous souhaitez utiliser dans l'outil Fichiers. Pour ajouter une nouvelle image, cliquez sur Charger des images et sélectionnez un fichier sur votre ordinateur.
    • Saisissez du texte pour le titre, une description et des 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.


update-video-information

  • 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
    • Vous pouvez ajouter un CTA intégré ou un CTA hérité à votre vidéo. Pour insérer un CTA : 
      • Sous Call-to-action, cliquez sur Sélectionner un CTA.
      • Sélectionnez l'onglet CTA ou CTA (hérité)
      • 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
  • Si vous n'avez pas d'abonnement Entreprise, sélectionnez un temps d'affichage pour votre superposition :
    • Avant le début de la vidéo : affichez votre formulaire ou votre CTA avant le début de la lecture de votre vidéo.
    • Après la fin de la vidéo : affiche votre formulaire ou votre CTA juste après la fin de la lecture de votre vidéo. 
       

    • Si vous disposez d'un abonnement Entreprise , vous pouvez personnaliser le moment exact où la superposition s'affiche : 
      • Dans la section Options d'affichage de la fenêtre contextuelle, 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
  • Pour modifier les options de lecture de votre 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 Autoplay, il est fortement recommandé de sélectionner également l'option Mute by default pour respecter les restrictions du navigateur. En général, les vidéos avec du son sont automatiquement mises en sourdine ou bloquées. 
    • Google Chrome : Les vidéos en lecture automatique doivent être mises en sourdine. Les vidéos fréquemment consultées par l'internaute sont autorisées à se dérouler automatiquement avec du son. En savoir plus sur Le système de notation de Google.
    • Safari : Les vidéos en lecture automatique doivent être mises en sourdine. Ves utilisateurs peuvent choisir de bloquer ou d'autoriser la lecture automatique sans sourdine pour des domaines spécifiques dans leur configuration. En savoir plus 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 téléspectateurs peuvent choisir de bloquer ou d'autoriser la lecture automatique sans coupure pour des domaines spécifiques de leur configuration. En savoir plus sur la gestion des vidéos en lecture automatique dans Firefox.
  • Pour modifier la couleur de votre bouton de lecture, cliquez sur Options de style et saisissez une valeur hexadécimale, ou cliquez sur le sélecteur de couleurs et sélectionnez une couleur.

Ajouter des sous-titres aux vidéos

Dans l'outil de fichiers, vous pouvez ajouter des sous-titres en plusieurs langues aux vidéos avec advanced features activé. Cela rendra vos vidéos plus accessibles pour les visiteurs ne peuvent pas entendre le son ou qui parlent une autre langue. 

  • Les sous-titres doivent être préparés dans un fichier .vtt  avant de commencer ce processus.
  • Vous pouvez ajouter jusqu'à 6 sous-titres par vidéo.
  • Chaque langue ne peut être sélectionnée qu'une fois. Par exemple, vous ne pouvez pas avoir deux sous-titres français différents. 

Pour ajouter des sous-titres à un fichier vidéo : 

  • Dans votre compte HubSpot, naviguez vers Dans votre compte HubSpot, accédez à Bibliothèque > Fichiers..
  • Cliquez sur le nom  de la vidéo à laquelle vous souhaitez ajouter des sous-titres. 
  • Dans le panneau de droite, cliquez pour développer la section Sous-titres
  • Cliquez sur + Ajouter une nouvelle langue.
     

 

  • Dans la boîte de dialogue, cliquez sur le menu déroulant Langue des sous-titres et sélectionnez une langue
  • Cliquez sur Sélectionner un fichier et téléchargez votre fichier .vtt de sous-titres dans HubSpot. 
  • Cliquez sur Enregistrer. La langue des nouveaux sous-titres apparaîtra dans les détails de votre fichier. Vous pouvez afficher, remplacer ou supprimer ces sous-titres :
    • Pour visualiser le contenu d'un fichier de sous-titres, cliquez sur Afficher
    • Pour remplacer un fichier de sous-titres pour une langue spécifique, cliquez sur Remplacer.
    • Pour supprimer un sous-titre pour une langue spécifique, cliquez sur Supprimer
  • Pour ajouter un autre sous-titre, cliquez sur + Ajouter une nouvelle langue.
     

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 avec une URL ou un code d'intégration ne génèrent pas d'analyses dans HubSpot.

HubSpot Video

Vues de la vidéo dans la performance des pages 

  • 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 : Dans votre compte HubSpot, accédez à Contenu > Base de connaissances.
  • Cliquez sur le nom d'un post, d'une page ou d'un article pour afficher les détails de ses performances.
  • 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
  • Si vous effectuez un test A/B sur la page, en haut de l'onglet Performance, cliquez sur le menu déroulant Variation et sélectionnez une variation. Les vues de vidéos ne s'afficheront pas sur les pages de test A/B sans variation sélectionnée. 
  • 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
    • Conservation de vidéo : un 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 :

  • Dans votre compte HubSpot, accédez à Contacts > Contacts.
  • Cliquez sur le nom d'un contact.
  • 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 :

  • Dans votre compte HubSpot, accédez à Reporting > Rapports.
  • Cliquez sur Générateur de rapports personnalisés.
  • Pour utiliser des événements comportementaux 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
  • Si vous souhaitez utiliser les lectures média en tant que source non principale, vous pouvez sélectionner Médias dans la section Marketing

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

Lectures de vidéos dans les rapports d'attribution (Marketing Hub 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 :

  • Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
  • 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.
  • Dans la section Types d'interaction, activez le bouton Média lu.
  • Cliquez sur Enregistrer.
  • Dans la boîte de dialogue, vérifiez la modification et cliquez sur Enregistrer et commencer le retraitement.

Vos rapports existants commenceront alors le retraitement afin d'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.