Comment héberger sa chaine YouTube sur son site web en utilisant la clé api YouTube et la clé de sa chaine YouTube

Comment héberger sa chaine YouTube sur son site web en utilisant la clé api YouTube et PHP [Article mise à Jour]

Vous avez une chaine YouTube avec plusieurs vidéos et rêvez certainement l’héberger directement sur votre site web? Si c’est le cas, cet article est pour vous. Google via sa clé api YouTube vous donne la possibilité d’héberger votre chaine sur votre site web.

En effet, en vous servant de cette fonctionnalité, vous pouvez connecter automatiquement votre site internet à votre chaine YouTube et voir apparaître vos vidéos automatiquement sur votre site Internet à chaque fois que vous les ajoutez. En d’autre terme, votre vidéothèque les codes se chargent de mettre à jour votre site web.

Dans cet article, nous allons voir comment utiliser la clé YouTube API V3 et l’identifiant d’une chaîne pour synchroniser le contenu. L’article est en trois parties. Dans la première partie, nous allons voir comment créer les identifiants. Ensuite, nous allons utiliser les codes que vous pouvez copier et coller pour faire la synchronisation. Enfin, la dernière partie de cet article vous donnera des astuces pour le faire facile selon le type de solution web que vous utilisez. Si vous êtes sur WordPress, vous pouvez par exemple télécharger notre extension pour gagner en temps.

Pourquoi héberger sa chaine YouTube sur son site web

Il peut avoir plusieurs raisons à cela:

  •  Étendre sa cible: Lorsque vos vidéos sont sur YouTube, il faut qu’un utilisateur y soit pour les voir. Si vous les avez sur votre site web, ça peut être un moyen de cibler des personnes en dehors de YouTube
  • Augmenter la visibilité de votre site web. Les contenus vidéos semblent avoir plus de portée que les articles. À cet effet, dans l’éventualité où vous avez vos vidéos sur votre site web, ça peut contribuer à augmenter votre visibilité.
  • Faire croître votre marque. Plus vous êtes populaire sur le net, plus vous avez des chances de faire grandir votre marque.

Quelques avantages de la clé API YouTube

Les API (ou Interface de Programmation d’application) vous donnent les avantages de connecter aux données d’une plate-forme externe la plus facilement possible. Avec l’API de YouTube vous pouvez connecter les donner de votre chaine YouTube à votre site web. Ci-dessous quelques avantages comparaient à la procédure manuelle.

  • Plus besoin de copier le lien de votre vidéo manuellement. Grâce à l’API, vous êtes en mesure d’obtenir le lien et plusieurs autres données
  • Faites doubler votre visibilité en ligne. Les vidéos sur votre site, on l’avantage de faire croitre votre trafic. Ainsi, en utilisant l’API vous pourrait créer une vidéothèque et faire rester vos visiteurs sur votre site web
  • Vous avez la flexibilité au niveau de la manipulation des données. Avec l’API, vous pouvez par exemple obtenir la description, le résumé, la photo de bannière de votre vidéo. En plus vous pouvez personnaliser le design de votre site à votre guise.

Prérequis à la connexion de YouTube à votre site web

Pour être en mesure de connecter votre chaine à votre site, vous avez évidemment besoin :

  • d’une chaine YouTube,
  • d’un site web et
  • un compte à Google Cloud.

Je m’en vais dans cette partie vous expliquez comment procéder pour avoir ces trois éléments si vous n’en avez pas.

Comment créer sa chaine YouTube

Les utilisateurs de Gmail bénéficie automatiquement d’une chaine YouTube. Pour créer votre chaine YouTube, vous devez avoir un compte Gmail ou G-Suite.

Pour tous les abonnés de Gmail ainsi que G-Suite

  • Visitez le site de YouTube et cliquez sur « se connecter ».  Quand vous allez cliquer sur le bouton, le site va vous rediriger sur la page de connexion ?
  • Saisissez vos identifiants et mots de passe pour vous connecter.
  • Vous allez être redirigés vers la page YouTube. Vous pouvez cliquer sur l’icône de la caméra dans le coin du haut et à droite pour ajouter vos vidéos.

Si vous n’avez pas de compte Gmail ou G suite

  • Allez sur YouTube puis cliquez sur « se connecter ». Une fois que c’est fait, vous allez certainement vous trouver sur une page vous demandant de créer votre compte.
  • Cliquez sur « Créer un compte. « (vous aurez le choix entre créer un compte pour vous ou gérer votre entreprise).
  • Choisissez l’option qui cadre avec vos objectifs.
  • Ensuite, suivez les étapes proposées par Google pour créer votre compte. Dans la majeure partie des cas, vous avez besoin de votre nom, prénom, un courriel unique (que vous allez choisir) le mot de passe.
  • Pour ajouter des vidéos, cliquez sur l’icône de la caméra dans le coin du haut et à droite de votre page YouTube.

Comment héberger sa chaine YouTube sur son site web en utilisant la clé api YouTube, l'Identifiant de votre chaîne et PHP [Article mise à Jour]

Comment créer un compte Google Cloud pour récupérer la clé api YouTube

Le compte Google Cloud est une interface vous suggérant un ensemble d’API parmi lesquels l’api YouTube. Nous allons voir comment avoir un compte Google Cloud Pour créer un compte Google Cloud suivez ces étapes :

  • allez sur le site de Google Cloud et cliquez sur « Accéder à la console »
  • Tout comme la création du compte YouTube, vous allez être redirigés vers la page de connexion
  • Sur cette page, vous devez utiliser un compte Gmail ou G-Suite existant ou en créer un.
  • Une fois connecté, vous devez suivre les étapes conseiller par la plateforme pour configurer votre compte.
  • Vous devez ajouter des informations de paiement pour être en mesure d’activer votre compte

Veuillez noter que Google Cloud offre des applications payantes en fonction du nombre de requêtes par jour. Vous pourriez ne jamais avoir à payer si vous utiliser peu d’application. Je vous conseille de vous référer aux conditions générales avant de vous engager.

Google Cloud Console

Comment créer un site web?

Je suppose que dans l’éventualité où vous souhaitez connecter YouTube à votre site, c’est évident que vous en avez un. Dans le cas contraire, L’option la plus facile pour utiliser cet article est d’avoir un site autohébergé. En effet, pour être en mesure de modifier les codes de votre site, vous devez avoir les autorisations nécessaires. Cette liberté n’est pas offerte par les constructeurs de site web en ligne ou les solutions gratuites.

Option 1: Créer votre site web par vous-même

Les étapes génériques pour la création d’un site autogéré sont les suivantes :

  • Trouver un nom de domaine et un hébergeur. Plusieurs hébergeurs vous donnent la possibilité d’avoir un nom de domaine gratuitement. Vous trouverez par exemple des options de moins de 3.95 $ par mois en ligne.
  • Choisir la solution qui vous intéresse pour la création de votre site web. Nous vous recommanderons WordPress.
  • Créer Votre site.

Option 2: Recruter un développeur

Un développeur ou une agence web peut vous aider dans le développement de votre site web. Ça peut être la meilleure option si vous voulez avoir une solution de qualité.  Notre agence vous offre par exemple des solutions adaptées à votre besoin à un coût assez concurrentiel. Dans le cas où vous souhaitez en savoir plus sur ce que nous offrons, visitez nos services ou contactez-nous.

Comment Créer une clé API YouTube et récupérer l’ID de sa Chaine YouTube

Si vous avez tous les éléments discutés plus haut ; à savoir un site web, une chaine YouTube ainsi qu’un compte Google cloud, vous pouvez continuer avec ce qui suit.

Créer la clé API de YouTube

Vous devez avoir la clé API pour synchroniser votre site web avec YouTube. Pour obtenir la clé API, vous devez suivre les étapes suivantes :

  • Premièrement, visiter La page
  • Ensuite, dans le champ de recherche, saisie YouTube Data API v3
  • Enfin, cliquer sur le bouton activer

Biblothèque des APIs

Quand vous aurez cliqué sur activer, le site va générer un code (API) que vous utiliserez à la deuxième partie.

Récupérer l’Identifiant de chaine YouTube

Afin de récupérer l’identifiant de votre chaine YouTube, vous devez :

  • Vous connecter à votre compte YouTube où se trouve votre chaine
  • Ensuite Dans le coin droit en haut de la page, cliquez sur setting/Configuration
  • Dans le menu de gauche, cliquez sur Advanced Settings/Configuration avancée
  • Vous trouverez vos identifiants parmi la liste des autres informations de la page

L’identifiant de votre chaine YouTube se trouve également sur l’URL lorsque vous suiviez des étapes :

  • Cliquez sur votre photo de profil (Dans le coin haut à droite) et un menu déroulant va s’afficher
  • Ensuite cliquez sur « Votre Chaine »
  • Vous verrez l’identifiant de votre chaine juste après youtube.com/channel/ au niveau de l’URL

Utilisez le code ci-dessous pour afficher vos vidéos sur votre site


<?php
$API_key    = 'xxxx'; // Remplacez par votre clé API
$channelID  = 'xxx';  // Remplacez par votre identifiant Youtube
$maxResults = 10;

// Faire un Appel API pour récuperer la liste des vidéos en format Json
$myQuery = "https://www.googleapis.com/youtube/v3/search?key=$API_key&channelId=$channelID&part=snippet,id&order=date&maxResults=$maxResults";
$ch = curl_init();
    
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_URL, $myQuery);
    curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
    curl_setopt($ch, CURLOPT_VERBOSE, 0);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    $response = curl_exec($ch);
        
    curl_close($ch);
        
    $data = json_decode($response);
        
   $decoded= json_decode(json_encode($data), true);
 
 
// Run a loop to display list of videos
foreach ($decoded['items'] as $items)
{
$id = $items['id']['videoId'];
$title= $items['snippet']['title'];
$description = $items['snippet']['description'];
$thumbnail = $items['snippet']['thumbnails']['default']['url'];
if(!empty($id)) {
?>
<div class="col-md-4">
    <div class="videoWrap controllles">
                            <img src="<?php echo $thumbnail; ?>" alt="<?php echo $post->post_title; ?>">
                            <div class="play_video">
                                <a class="video_popup" href="<?php echo "https://www.youtube.com/watch?v=".$id; ?>"><i class="fa fa-play"></i></a>
                            </div>
                        </div>
                        <div class="videoblog">
                        <h2><?php echo $title; ?></h2>
                        <p><?php echo $description; ?></p>
                        </div>
</div>
<?php
}
}
?>

Les lignes 2 et 3 du code vous permettent d’ajouter votre clé API puis votre identifiant YouTube respectivement. Ensuite, la ligne 7 (myQuery) récupère les informations du compte YouTube en faisant usage de la clé et de l’identifiant. Tout ce qui suit est juste des codes pour parcourir les données pour faire apparaitre la liste des vidéos.

Ajouter un peu de CSS pour formater votre page

Ajouter JavaScript pour rendre votre page interactif ou garder la lecture de la vidéo sur votre site web

Il est à noter que le code JavaScript utilise jQuery, vous devez l’inclure dans votre code si vous souhaitez l’utiliser.

Le résultat de ce programme sera plus ou moins similaire à la capture d’écran ci-dessous.

Une alternative dans le cas où vous utilisez WordPress

Nous avons mis en application ce tutoriel dans une extension WordPress, vous trouverez l’extension dans notre banque d’extension. Visitez le site web https://www.prositeweb.ca/nos-solutions/

Comment ça marche?

Après installation de l’extension, vous devez :

  • visiter l’onglet Réglages ⇾ Vlog Option generator
  • Entrer vos identifiants API et la clé de votre chaine YouTube
  • Le nombre de données que vous souhaitez extraire
  • le nombre de données par page.

Une fois que vous aurez enregistré les modifications, vous pouvez utiliser le code court ci-dessous pour faire apparaitre les vidéos sur votre site web.


Extension pour YouTube

Conclusion

Gérez facilement sa chaîne YouTube sur son site web peut être relativement facile. Merci d’avoir pris le temps de lire notre article. Si vous avez un projet de connexion avec les APIs pour faciliter vos activités quotidiennes, Contactez-nous.

laissez un commentaire



Merci

Merci d'avoir contacté Prositeweb,
retourner à l'accueil

N'hésitez pas à nous contacter à tout moment pour toute demande concernant nos services. Contactez-nous

Merci