Google via sa clé api Youtube vous donne l'occasion d'héberger votre chaine sur votre site web. En effet, en vous servant de cette fonctionnalité, vous pouvez connecter votre chaine pour une mise à jour automatique des vidéos. Ainsi, vous pourriez laisser le code vous aider dans les mises à jour de votre site. Dans cet article, nous allons voir comment procéder pour faire la synchronisation. L'article est en trois parties. Dans la première partie, nous allons voir comment créer les identifiants. Et 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.

Les avantages de la clé API YouTube

Les APIs (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 pour 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 d'un compte à google Cloud. Je m'en vais dans cette partie vous expliquez comment procéder pour avoir ces trois éléments si vous en avez pas.Connexion YouTube

Comment créer sa chaine YouTube

Pour créer votre chaine YouTube, vous devez avoir un compte Gmail ou Gsuite.

Pour tout les abonnés de Gmail  et Gsuite

  • 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 YoutubeVous pouvez cliquer sur la 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 et cliquez sur "ses 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
Google Cloud

Comment créer un compte Google Cloud

Le compte google Cloud est une interface vous proposant un ensemble d'API parmi lesquels l'api Youtube. Nous allons voir comment avoir un compte google CloudPour 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 Gsuite existant ou en créer un.
  • Une fois connecté, vous devez suivre les étapes proposer 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 offrent 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 termes et conditions avant de vous engager.

Comment créer un site web

Je suppose que si 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 auto hébergé. En effet, pour être en mesure de modifier les codes de votre site, vous devez avoir l'autorisation. Cette liberté n'est pas offerte par les constructeurs de site web en ligne ou les solutions gratuites.

Créer votre site web 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.
  • Créer Votre site.
Je vous recommande cet video et article qui explique comment créer son site web autogéré avec moins de 5$

Récruter un developpeur

Un développeur ou une agence web peut vous aider dans le développement et le choix de la solution idéale. Notre agence vous offre par exemple des solutions adaptées à votre besoin à un coût assez concurrentiel. Si vous souhaitez en savoir plus sur ce que nous offrons, visitez nos services ou contactez nous. 

Créer sa 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 et un compte Google cloud, vous pouvez continuer avec ce qui suit.

Créer sa 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: bilblotheque Quand vous aurez cliqué sur activer, la plate-forme va générer un code (API) que vous utiliserez à la deuxième partie.

Récuperer l'Identifiant de chaine Youtube

Afin de récuperer 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ées
  • Vous trouverez vos identifiants parmis 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 profile (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 et 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. Le resultat de ce programme sera plus ou moins similiare à la capture d'écran ci-dessous.Ecran

Remarques

  • Le code n'inclu pas le design. Vous pouvez par exemple utiliser CSS et JavaScript pour améliorer le design et rendre la page beaucoup plus belle.
  • Vous pouvez ajouter les videos que ne sont pas les votres. À conditions de vous rassurer que vous avez le droit pour éviter les poursuites.
  • L'API vous donne plus de flexibilité que les iframes et est beaucoup plus rapide.

Conclusion

Il existe plusieurs methodes pour ajouter une vidéo YouTube sur un site web. Et d'après ce que nous avons pu voir, les APIs vous offre plus de flexibilités.Merci d'avoir pris le temps de lire l'article. Vous pouvez laissez vos commentaires et je me ferais un plaisir de vous répondre. Si vous avez besoin d'aide pour mettre en place une page vidéo sur votre site, n'hésitez pas à nous contacter.