Comment intégrer une vidéo dans WordPress (3 façons pour les débutants)
Publié: 2023-01-19Mettre une vidéo sur votre site Web est un moyen éprouvé d'augmenter l'intérêt et le temps que les visiteurs passent sur votre site. Voulez-vous savoir comment intégrer une vidéo dans WordPress en utilisant les moyens les plus simples possibles ?
Dans cet article, nous allons passer en revue 3 façons différentes d'intégrer une vidéo dans une page Web ou une publication WordPress. Les vidéos intégrées sont hébergées ailleurs, comme YouTube, mais elles sont affichées et lues sur votre site Web.
Nous allons également vous montrer comment suivre vos lectures vidéo et autres statistiques dans WordPress.
Pourquoi ajouter du contenu vidéo à votre site WordPress ?
De nos jours, les personnes qui naviguent sur Internet s'attendent à une expérience complète et riche lorsqu'elles visitent des sites Web. Cela signifie que vous devez proposer des contenus variés et des contenus favorisant l'interactivité. L'ajout de vidéo à votre site permet d'atteindre ces deux objectifs.
Est-il difficile d'ajouter une vidéo à WordPress ?
Il est en fait très facile d'ajouter des vidéos à un site WordPress. Il existe plusieurs méthodes, et la plupart d'entre elles ne nécessitent que de copier et coller une URL de vidéo ou une courte chaîne de texte.
Très bien, puisque nous vous avons dit à quel point il est facile d'intégrer une vidéo, allons-y….
3 façons simples d'intégrer une vidéo dans WordPress
Nous allons décrire les méthodes les plus simples possibles pour intégrer une vidéo dans un article ou une page WordPress.
- Intégrer des vidéos avec un plugin WordPress
- Intégrer une vidéo avec l'éditeur de blocs WordPress
- Intégrer une vidéo à l'aide de WordPress Classic Editor
Nous commencerons par le moyen le plus puissant et le plus efficace d'ajouter une vidéo à WordPress : en utilisant un plugin spécialisé conçu pour gérer le contenu vidéo YouTube.
Méthode 1 : Comment intégrer des vidéos dans WordPress à l'aide d'un plugin
Les utilisateurs de WordPress ont la chance de disposer d'une vaste sélection de plugins qui facilitent l'ajout de fonctionnalités avancées aux sites Web, même pour les débutants.
Désormais, n'importe qui peut intégrer des fichiers vidéo sur un site WordPress sans aucune expérience en programmation ou technique !
Dans ce didacticiel, nous allons utiliser YouTube Feed Pro de Smash Balloon pour intégrer des vidéos YouTube.
YouTube est la plate-forme d'hébergement vidéo la plus populaire au monde, et Smash Balloon vous permet de mettre du contenu YouTube directement sur votre site Web.
Vous pouvez ajouter des vidéos YouTube à partir de votre propre compte ou d'un autre compte. Vous pouvez même créer un terme de recherche et afficher les vidéos qui correspondent à votre recherche ! Vous aurez également de nombreuses options d'affichage, d'une vue de galerie à des vidéos individuelles.
Pour commencer, vous devrez installer le plugin YouTube Feed Pro de Smash Balloon sur WordPress.
Installer et activer YouTube Feed Pro
Visitez Smash Balloon et obtenez votre licence YouTube Feed Pro ici. Le plan personnel vous offre toutes les fonctionnalités dont vous aurez besoin pour intégrer des vidéos sur un seul site Web.
Après avoir terminé votre achat, visitez la page Mon compte »Téléchargements sur Smash Balloon pour récupérer le fichier du plugin. Cliquez simplement sur l'icône de téléchargement à côté de YouTube Feed Pro pour enregistrer sur votre ordinateur.
Pendant que vous êtes sur la page Téléchargements, vous devez également continuer et copier votre clé de licence à partir du champ Licence . Vous allez entrer cette clé de licence dans WordPress à l'étape suivante.
À ce stade, vous devez vous connecter à WordPress pour terminer l'installation. Une fois que vous êtes dans le tableau de bord WordPress, cliquez sur Plugins » Ajouter un nouveau . Ensuite, cliquez sur le bouton Upload Plugin en haut de l'écran.
Maintenant, sélectionnez le fichier que vous avez téléchargé à partir de Smash Balloon et cliquez sur Installer maintenant .
Une fois le plugin installé, cliquez sur Activer le plugin et vous avez terminé ! Pour confirmer, vérifiez le menu de votre tableau de bord WordPress pour un nouvel élément intitulé YouTube Feed .
Bon, une dernière chose pour terminer la configuration. Cliquez sur Flux YouTube » Paramètres et entrez la clé de licence que vous avez copiée précédemment à partir de votre compte Smash Balloon. Une fois que vous avez collé la clé, cliquez sur Activer pour terminer.
C'est tout, continuons et créons un nouveau flux vidéo à intégrer dans WordPress.
Créer un nouveau flux vidéo
Pour créer un nouveau flux vidéo dans le plugin, cliquez sur Tous les flux dans le menu. Puisque vous n'avez pas encore de flux, cet écran affiche le nouvel assistant de flux. Vous pouvez cliquer sur le bouton Ajouter nouveau .
Maintenant, vous verrez les différents types de flux que vous pouvez intégrer à l'aide de Smash Balloon. Vous avez 6 options ici :
- Canal – Affiche un flux de toutes les vidéos sur le canal sélectionné
- Liste de lecture - Affiche une liste de lecture que vous choisissez dans votre chaîne
- Favoris - Affiche les vidéos préférées de n'importe quel utilisateur
- Recherche – Affiche les vidéos qui correspondent aux critères de recherche que vous avez choisis
- Diffusion en direct – Affiche les vidéos de diffusion en direct actuelles et à venir
- Vidéos uniques – Vous permet de créer une liste de vidéos uniques à intégrer
Sélectionnez le style de flux que vous souhaitez afficher sur votre site Web, puis cliquez sur Suivant .
Ici, vous serez invité à connecter votre compte YouTube à l'aide de votre identifiant de chaîne ou de votre nom d' utilisateur .
Votre ID de chaîne est la chaîne de lettres et de chiffres que vous trouverez dans l'URL lorsque vous êtes dans le tableau de bord de votre chaîne sur YouTube. L'ID du canal s'affiche dans la case rouge :
Votre nom d'utilisateur s'affiche dans l'URL lorsque vous êtes sur la page d'accueil de votre chaîne. Par exemple, dans cette URL, www.youtube.com/@Monsterinsightsplugin , le nom d'utilisateur est @Monsterinsightsplugin .
Entrez l'un de ces deux éléments dans la case et cliquez sur Suivant . À ce stade, il vous sera demandé de saisir une clé API YouTube ou de sélectionner un compte auquel vous connecter.
La meilleure option consiste à saisir une clé API de Google qui vérifie votre compte YouTube. Suivez simplement ce guide simple pour obtenir une clé API gratuite de Google.
Concevez et personnalisez votre flux vidéo intégré
Après avoir entré votre clé API, vous sélectionnerez un modèle pour commencer votre conception. Ne vous inquiétez pas, vous pouvez facilement changer cela plus tard.
Cliquez sur Suivant pour continuer. Votre flux est prêt, mais vous avez maintenant la possibilité de le personnaliser pour qu'il soit exactement comme vous le souhaitez dans l'éditeur de flux.
Ici, vous pouvez modifier votre modèle et prévisualiser à quoi ils ressemblent tous. Vous aurez également des options pour modifier la mise en page, les couleurs, l'en-tête, les boutons et l'apparence du lecteur vidéo.
Dans l'onglet Paramètres , vous pouvez modifier votre type de flux et la source, définir des filtres sur les vidéos à afficher et modifier d'autres paramètres avancés.
Lorsque vous êtes satisfait de l'apparence de votre flux vidéo dans l'écran d'aperçu, cliquez sur le bouton Enregistrer. Votre flux est configuré et prêt à être publié, bravo !
Publiez votre flux vidéo sur WordPress
Pour publier votre flux YouTube en tant que vidéo intégrée sur WordPress, cliquez sur le bouton Intégrer dans l'écran d'édition du flux. Assurez-vous d'abord d'enregistrer toutes vos modifications !
La boîte de dialogue Intégrer le flux s'ouvre. Cela vous donne 3 options pour intégrer votre flux vidéo.
Tout d'abord, vous pouvez copier le shortcode et placer ce texte dans n'importe quelle page, publication ou widget.
Deuxièmement, vous pouvez cliquer sur le bouton Ajouter à une page pour voir une liste de toutes vos pages publiées. Sélectionnez une page et cliquez sur Ajouter pour l'ouvrir immédiatement en mode édition. Ensuite, vous serez invité à sélectionner un bloc nommé Flux pour YouTube .
Cliquez simplement sur le bloc et votre flux sera placé sur la page !
Enfin, si vous souhaitez intégrer une vidéo dans un widget WordPress, vous pouvez cliquer sur le bouton Ajouter à un widget . L'écran Widgets s'ouvrira et créera un widget avec votre shortcode. Placez le widget où vous voulez, dans une barre latérale, un pied de page ou un autre emplacement de widget.
Très bien, cela conclut notre tutoriel sur l'utilisation d'un plugin puissant comme YouTube Feed Pro pour intégrer une vidéo dans WordPress. Comme promis, nous allons maintenant voir comment ajouter une vidéo sans plugin.
Comment ajouter une vidéo à WordPress sans plugin
Maintenant, vous avez peut-être des vidéos hébergées sur un autre service en plus de YouTube. Vous pouvez toujours intégrer facilement ces vidéos sur votre site WordPress.
Nous allons vous montrer deux façons d'intégrer une vidéo dans WordPress sans plugin. Une méthode utilise l'éditeur de blocs WordPress, l'autre fonctionne pour l'éditeur classique.
Malheureusement, ces méthodes ne fonctionnent vraiment que pour ajouter des vidéos individuelles. Donc, si vous voulez un type d'affichage de galerie ou de carrousel, ou si vous voulez afficher plusieurs vidéos, listes de lecture, etc., vous devrez vous en tenir à un plugin.
Commençons par la méthode des blocs….
Méthode 2 : Comment intégrer une vidéo avec des blocs WordPress
Utilisez-vous l'éditeur de blocs Gutenberg de WordPress dans votre écran d'édition de page ? Si c'est le cas, nous avons une solution super simple pour intégrer du contenu vidéo à l'aide de blocs.
Tout d'abord, vous ouvrirez une vidéo sur YouTube ou un autre service que vous souhaitez intégrer à votre site. Cliquez ensuite sur le bouton Partager . Voici à quoi cela ressemble sur YouTube :
La boîte de dialogue Partager s'ouvre, avec un lien partageable pour la vidéo. Copiez ce lien en cliquant sur le bouton Copier .
Maintenant, ouvrez une page ou un article dans WordPress et placez votre curseur à l'endroit où vous souhaitez intégrer votre vidéo.
Bien que vous puissiez d'abord sélectionner un type de bloc, vous pouvez également simplement coller le lien dans le bloc Paragraphe par défaut. Si WordPress prend en charge le service vidéo, il changera automatiquement le type de bloc.
Voici à quoi ressemble le lien de partage dans Vimeo :
Après avoir collé ce lien dans l'éditeur de blocs de WordPress, si la vidéo apparaît, c'est tout ce que vous avez à faire !
Si la vidéo ne s'affiche pas, il se peut que WordPress ne prenne pas en charge le service vidéo sur lequel vous avez copié votre lien. Voici un échantillon des blocs <embed> disponibles dans WordPress.
Comme vous pouvez le constater, plusieurs plates-formes vidéo sont prises en charge, notamment YouTube, Vimeo, Animoto, etc. Il existe également un bloc Embed générique que vous pouvez utiliser si votre plate-forme n'est pas prise en charge de manière native.
Si vous souhaitez intégrer votre vidéo dans WordPress en utilisant son bloc natif, recherchez simplement le nom de votre plateforme vidéo. Ajoutez le bloc à votre page WordPress, puis collez l'URL de votre vidéo dans le champ fourni. Voici le bloc Vimeo dans l'éditeur de page WordPress :
C'est tout ce qu'il y a à ajouter une vidéo dans l'éditeur de blocs WordPress. Assez simple!
Méthode 3 : Comment intégrer une vidéo dans WordPress Classic Editor
Si vous utilisez toujours l'ancien éditeur classique de WordPress, il est toujours facile d'intégrer des vidéos. Le processus fonctionne légèrement différemment, alors jetons un coup d'œil.
L'éditeur classique de WordPress comporte deux onglets : Visuel et Texte . Si vous modifiez une page dans l'onglet Visuel, vous pouvez simplement coller le lien URL pour partager des vidéos à partir de votre service, s'il est pris en charge par WordPress.
Ainsi, l'onglet Visuel fonctionne essentiellement comme l'éditeur de blocs. Collez le lien URL de votre vidéo dans la page et WordPress configure automatiquement la vidéo.
Cependant, si vous souhaitez ajouter une vidéo à l'aide de l'onglet Texte, vous ne pouvez pas utiliser le lien URL. Vous devrez récupérer le code d'intégration de votre service vidéo.
Dans Vimeo, c'est dans la boîte Embed comme on le voit dans notre photo ci-dessus. Copiez simplement ce code et collez-le dans le code HTML de l'onglet Texte de WordPress.
Dans YouTube, vous devrez cliquer sur le bouton Intégrer dans la boîte de dialogue Partager.
Ensuite, vous verrez le code que vous devez copier pour intégrer la vidéo dans WordPress.
Collez votre code à l'endroit où vous souhaitez que la vidéo apparaisse, et vous avez terminé. Enregistrez et prévisualisez votre nouvelle vidéo intégrée !
Comment suivre les lectures vidéo avec MonsterInsights
Une fois que vos vidéos commenceront à attirer plus de trafic sur votre site Web, vous voudrez savoir exactement comment les utilisateurs interagissent avec ce contenu.
Lorsque vous utilisez MonsterInsights, le meilleur plugin Google Analytics pour WordPress, vous pouvez voir vos statistiques vidéo directement dans le tableau de bord WordPress. De plus, le plug-in configure automatiquement le suivi vidéo, vous n'avez donc pas à vous soucier d'ajouter du code personnalisé ou des balises à votre site Web.
MonsterInsights prend en charge le suivi vidéo YouTube, Vimeo et HTML5 dans WordPress.
Pour bénéficier des fonctionnalités avancées de suivi vidéo, vous aurez besoin d'un plan MonsterInsights Plus ou supérieur.
Après avoir installé le plugin MonsterInsights, vous pouvez activer l' addon Media pour accéder au rapport Media. Ensuite, pour voir les statistiques de lecture de votre vidéo dans MonsterInsights, accédez à Insights » Reports et cliquez sur l'onglet Media .
Ici, vous verrez un graphique montrant votre volume quotidien de toutes les lectures vidéo. En dessous, vous obtenez une liste de vidéos individuelles et combien de fois chacune a été lue, ainsi que ces statistiques vidéo avancées :
- Temps de visionnage moyen en minutes
- Le pourcentage moyen de vidéos regardées
- Quel pourcentage de spectateurs ont terminé l'intégralité de la vidéo ?
Ces données peuvent vous aider de plusieurs façons. Vous voudrez peut-être remplacer les vidéos avec un faible pourcentage moyen de visionnage et des taux d'achèvement faibles pour des vidéos plus performantes.
Ou, si les téléspectateurs abandonnent tôt, déterminez ce qui se trouve dans votre contenu vidéo et qui ne répond pas aux besoins des téléspectateurs. Vous avez maintenant des données précises à voir quand les téléspectateurs perdent tout intérêt et cessent de s'engager.
Bien sûr, MonsterInsights vous fournit toutes les métriques et données analytiques dont vous avez besoin de Google Analytics, pas seulement le suivi vidéo.
Et cela conclut notre tutoriel sur l'intégration de vidéo dans WordPress. Si vous avez aimé cet article, vous voudrez peut-être lire ce guide sur le suivi des conversions dans Google Analytics.
Vous n'utilisez toujours pas MonsterInsights ? Qu'est-ce que tu attends?
N'oubliez pas de nous suivre sur Twitter, Facebook et YouTube pour plus de conseils et d'outils Google Analytics.