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.
Landing Pages

Ajouter des vidéos à votre contenu HubSpot

Dernière mise à jour: mars 27, 2021

Disponible avec :

Hub Marketing Professional, Enterprise
Hub Services Professional, Enterprise
Hub CMS Professional, Enterprise

Grâce à HubSpot Vidéo, vous pouvez charger des vidéos dans votre outil Fichiers, puis les ajouter à des pages, des e-mails marketing, des articles de blog et des articles de base de connaissances. 

Vous pouvez insérer des vidéos HubSpot dans le module vidéo des e-mails marketing en glisser-déposer et les zones de glisser-déposer dans les pages. HubSpot Vidéo est également pris en charge dans des modules de texte enrichi de pages, d'articles de blog et d'articles de base de connaissances. 

Pour personnaliser l'expérience d'un visiteur avec HubSpot Vidéo, vous pouvez afficher un CTA ou un formulaire avant ou après la lecture de votre vidéo. 

Remarque : La fonctionnalité HubSpot Vidéo est gérée par Vidyard et est indépendante de l'intégration Vidyard pour HubSpot, qui est une fonctionnalité distincte pour les clients payants Vidyard. Les vidéos de votre compte Vidyard n'apparaîtront pas dans votre outil Fichiers dans HubSpot. 

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 depuis une URL ou un code intégré, découvrez-en davantage sur l'intégration de fichiers multimédias externes dans HubSpot.
  • Pour utiliser les fonctionnalités de HubSpot Vidéo, chaque utilisateur qui souhaite ajouter des vidéos à son contenu doit activer HubSpot Vidéo et accepter les conditions d'utilisation de Vidyard.
  • Les comptes sont limités à 250 vidéos pour le contenu hébergé sur HubSpot. Si vous intégrez un compte Vidyard payant, cette limite sera déterminée par les limites de votre abonnement Vidyard.
    • Cette limite ne s'applique pas aux vidéos ajoutées à vos e-mails individuels, modèles, séquences ou séquences.
    • Seules les vidéos avec l'option Autoriser l'intégration, le partage et le suivi activée dans l'outil Fichiers comptent dans le calcul de la limite maximale de 250 vidéos.
    • Pour les nouveaux fichiers vidéo chargés dans l'éditeur de contenu, l'option Autoriser l'intégration, le partage et le suivi sera activée automatiquement.
  • 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 restrictions de l'outil Fichiers.

Ajouter HubSpot Vidéo à un module vidéo dans un e-mail

La fonctionnalité HubSpot Vidéo est prise en charge dans le module vidéo de l'éditeur d'e-mails 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.

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • 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 depuis votre outil Fichiers, cliquez sur Parcourir les vidéos et sélectionnez la vignette 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, saisissez une largeur ou une hauteur
  • Pour personnaliser les informations de votre vidéo, dans la section Informations de la vidéo, cliquez sur Modifier

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 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. Sous la vignette, cliquez sur Terminé.
    • Saisissez un nom de fichier, un titre et/ou une description. Cela aidera les moteurs de recherche à identifier le contenu de votre vidéo.
    • Cliquez sur Terminé.

edit-your-video-details

  • 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. 
email-video-module-style-options
  • 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.

add-padding-to-video-module

Ajouter HubSpot Vidéo à un module vidéo sur une page

La fonctionnalité HubSpot Vidéo est prise en charge dans le module vidéo ajouté à une zone glisser-déposer sur un site web ou une page de destination. Les pages de destination créées avec des modèles de démarrage ne prennent pas en charge HubSpot Vidéo. Cependant, vous pouvez intégrer une vidéo externe.

  • Dans votre compte HubSpot, accédez à Marketing > Site web > Pages de site web ou Pages de destination.
  • Placez le curseur sur la page et cliquez sur Modifier. 
  • Dans l'éditeur de barre latéral, cliquez sur le module Vidéo et faites-le glisser sur votre page.

add-video-to-a-page-1

  • Dans l'éditeur de contenu, cliquez sur le module vidéo.
  • 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 depuis votre outil Fichiers, cliquez sur Parcourir les vidéos et sélectionnez la vignette d'une vidéo existante.
    • Pour charger une nouvelle vidéo, cliquez sur Charger et sélectionnez un fichier à partir de votre ordinateur. 
  • Sélectionnez la taille maximale de votre vidéo : 
    • Taille d'origine : la largeur de la vidéo ne dépassera 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 ces dimensions dans les champs de texte Largeur et Hauteur
  • Dans la section Informations de la vidéo, cliquez sur Modifier pour personnaliser les informations de votre vidéo. 

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 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. Sous la vignette, cliquez sur Terminé.
    • Saisissez un nom de fichier, un titre et/ou une description. Cela aidera les moteurs de recherche à identifier le contenu de votre vidéo.
    • Cliquez sur Terminé.

edit-your-video-details

  • Dans la section Superposition, sélectionnez Formulaire ou Call-to-action pour ajouter un formulaire ou un CTA à votre vidéo.
  • 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.

edit-your-play-button-s-color

  • Cliquez sur Appliquer les modifications

Ajouter HubSpot Vidéo à un module de texte enrichi (pages, articles de blog et articles de base de connaissances uniquement)

La fonctionnalité HubSpot Vidéo est prise en charge dans des modules de texte enrichi de pages de site web, de pages de destination, d'articles de blog et d'articles de base de connaissances. 

  • Dans votre compte HubSpot, accédez aux pages de site web, aux pages de destination, au blog ou à la base de connaissances.
  • Dans l'éditeur de contenu, cliquez sur le module de texte.
  • 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 depuis l'outil Fichiers, cliquez 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.

add-video-to-content

  • Si vous n'avez pas activé les fonctionnalités HubSpot Vidéo, une boîte de dialogue s'affichera. Cliquez sur Activer les nouvelles fonctionnalités pour activer HubSpot Vidéo pour votre utilisateur et accepter les conditions d'utilisation. 
  • 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.
    • 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.

Ajouter un formulaire ou un CTA à votre vidéo (pages, articles de blog et articles de base de connaissances uniquement)

Vous pouvez ajouter un CTA ou un formulaire sur la partie supérieure de votre vidéo HubSpot. Cette superposition peut être affichée avant ou après la lecture de votre vidéo. 

Il existe plusieurs limites à l'ajout de CTA et de formulaires de cette manière : 

  • Vous devrez créer un nouveau CTA ou formulaire.
  • Un CTA de superposition utilisera un style de bouton et ne prendra pas en charge une image personnalisée.
  • Un formulaire de superposition peut uniquement collecter les champs Prénom, Nom et E-mail.
  • Les formulaires de superposition ne déclenchent pas les notifications de formulaire. Ils créeront ou mettront à jour un contact si le champ E-mail est inclus ou si vous avez autorisé les formulaires à créer des contacts sans adresse e-mail

Pour ajouter une superposition à votre vidéo :

  • Dans l'éditeur de contenu, cliquez sur votre vidéo, puis sur Modifier.
  • Dans la section Superposition, sélectionnez Call-to-action ou Formulaire.
  • Cliquez sur Créer un CTA/formulaire.
  • Dans le panneau de droite, cliquez sur Créer, puis créez le nouveau contenu de superposition :
    • Créez un bouton CTA, puis cliquez sur Enregistrer
    • Personnalisez le nom de votre formulaire, le style de police, le message d'en-tête et le message de remerciement en ligne. Après avoir personnalisé votre formulaire, cliquez sur Ajouter un formulaire.
  • Temps d'affichage : sélectionnez le temps d'affichage de ce contenu juste avant que votre vidéo ne se lance ou juste après la fin de votre vidéo.

add-form-or-cta

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

Remarque : le nombre de vues des vidéos n'est actuellement pas disponible pour les vidéos ajoutées aux e-mails marketing. 


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. 

Le nombre de vues des vidéos 

  • 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
    • Rétention 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

Remarque : les activités vidéo sur la chronologie des contacts et les rapports personnalisés sont uniquement disponibles pour les vidéos HubSpot. Les fichiers vidéo externes intégrés à une URL ne seront pas suivis de la même façon.

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

  • Depuis votre compte HubSpot, accédez à Contacts > Contacts.
  • Cliquez sur le nom d'un contact.
  • Pour filtrer l'activité de contact selon les vues de la vidéo, cliquez sur Filtrer l'activité, puis sélectionnez la case à cocher Vues de la vidéo.

filter-by-video-views

Vues de la vidéo dans les rapports personnalisés (Hub Marketing Entreprise uniquement)

Remarque : les activités vidéo sur la chronologie des contacts et les rapports personnalisés sont uniquement disponibles pour les vidéos HubSpot. Les fichiers vidéo externes intégrés à une URL ne seront pas suivis de la même façon.

Dans le générateur de rapports personnalisés, vous pouvez sélectionner Vidéo comme source de données dans les rapports personnalisés. 

Les utilisateurs disposant d'autorisations d'accès au compte peuvent activer cette source de données dans vos paramètres Suivi et analytics :

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, cliquez sur Suivi et analytics > Attribution.
  • Dans la section Types d'interactions, cliquez pour activer l'option Vidéo consultée.
  • Cliquez sur Enregistrer.