Ajouter des vidéos à votre contenu HubSpot

Téléchargez des vidéos dans l'outil Fichiers, 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, de l'éditeur d'e-mails en glisser-déposer, et des zones en glisser-déposer sur les 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. 

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 l'outil 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.
  • Pour les nouveaux fichiers vidéo chargés dans l'éditeur de contenu, l'option Fonctionnalités avancées sera activée automatiquement.
  • Vous pouvez augmenter la capacité des vidéos dotées de fonctionnalités avancées grâce au module complémentaire d'augmentation des limites des vidéos. 
  • Les différences entre les vidéos dont les fonctions avancées sont activées et désactivées sont décrites ci-dessous :

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 en glisser-déposer. É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. 
  
  

• • 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 Fichiers, 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.

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

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

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

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 + Afficher plus pour afficher tous les modules médias.
• Cliquez sur le module Vidéo et faites-le glisser sur votre page.
  
  

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

• Sélectionnez un fichier vidéo à ajouter à votre page :
  
  • 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. 
• 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 des valeurs en pixels pour ses dimensions dans les cases Largeur maximale et Hauteur maximale. 

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

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

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

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.
    
    
  • Conservation de vidéo : un indicateur sur les parties de votre contenu vidéo qui ont été lues. 
    
    

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.

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. 
  
  
• Si vous souhaitez utiliser les lectures média en tant que source non principale, vous pouvez sélectionner Médias dans la section Marketing. 
  
  
• 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.