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

Ajouter des vidéos à votre contenu HubSpot

Dernière mise à jour: août 16, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
Service Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise

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 l'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 des vidéos aux e-mails

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 l'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, dans l'éditeur de barre latérale, 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 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.  

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
    • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
  • Placez le curseur sur votre page ou article, puis cliquez sur Modifier.
  • 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 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. 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 Espacement et saisissez des valeurs en pixels autour des bords de l'icône image.

edit-rich-text-video

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 Superposition et sélectionnez Call-to-action ou Formulaire.
  • Cliquez sur Sélectionner un CTA/formulaire.
select-video-overlay
  • Dans le panneau de droite, sélectionnez une superposition créée pour une autre vidéo, ou cliquez sur Créer un nouveau contenu de superposition :
    • Créez un bouton CTA, puis cliquez sur Enregistrer
    • Personnalisez le texte et le style de votre formulaire, puis cliquez sur Ajouter un formulaire.

Remarque : Un formulaire de superposition peut uniquement collecter les champs Prénom, Nom et E-mail. Il ne déclenche pas de notifications de formulaire. Les formulaires de superposition 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.


  • Dans la boîte contextuelle, sélectionnez une heure d'affichage pour votre superposition. Vous pouvez afficher votre formulaire ou CTA avant que votre vidéo ne se lance, ou juste après la fin de votre vidéo. 

Insérer une vidéo dans 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.

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > 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 l'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. Cliquez ensuite sur Choisir un call-to-action/formulaire. 
add-a-drag-and-drop-overlay 
    • Dans le panneau de droite, sélectionnez une superposition créée pour une autre vidéo, ou cliquez sur Créer un nouveau contenu de superposition :
      • Créez un bouton CTA, puis cliquez sur Enregistrer
      • Personnalisez le texte et le style du formulaire, puis cliquez sur Ajouter un formulaire.

Remarque : Un formulaire de superposition peut uniquement collecter les champs Prénom, Nom et E-mail. Il ne déclenche pas de notifications de formulaire. Les formulaires de superposition 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

    • Dans l'éditeur de barre latérale, sélectionnez une heure d'affichage pour votre formulaire ou CTA. Vous pouvez choisir de l'afficher avant que votre vidéo ne se lance, ou juste après la fin de 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

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. 

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.

Vues de la vidéo dans la performance des pages 

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
    • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > 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
  • 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

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 Lectures média.

filter-for-media-plays

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

À l'aide de l'éditeur de rapports personnalisés, vous pouvez créer des rapports pour analyser les lectures de vidéos :

  • Dans votre compte HubSpot, accédez à Rapports > Rapports.
  • Cliquez sur Créer un rapport personnalisé dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, 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édia

    media-plays-custom-report-builder0
  • 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
  • Continuez de créer votre rapport

Lectures de vidéos dans les rapports d'attribution

Pour inclure les lectures de vidéos dans vos rapports d'attribution du chiffre d'affaires, vous devez d'abord activer le type d'interaction Lectures média. Les utilisateurs disposant d'autorisations d'accès au compte peuvent activer cette source de données dans les 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 Lectures média.
  • 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.