VST - Automatisation API YouTube

VST : Coopérative d'artisans de l'habitat

VST est une coopérative d'artisans spécialisée dans l'habitat, regroupant des professionnels de la salle de bain, du carrelage, de l'isolation, de la couverture, du chauffage, de la climatisation, de la plomberie, de l'électricité, et du photovoltaïque.

La coopérative se distingue par son approche collaborative et sa vision commune : être proche des clients, les inspirer dans leurs projets, et s'engager pour l'habitat de demain avec des solutions durables et innovantes. VST dispose de plusieurs salles d'exposition permettant aux clients de découvrir les produits et solutions proposées.

Le besoin : Migration de Vimeo vers YouTube

Contexte de la collaboration

Cette prestation a été réalisée dans le cadre d'une mission Socium Pass avec Pickbeam, agence de développement web qui développait le site VST avec Nuxt et Storyblok (CMS Headless).

Transition nécessaire

VST utilisait précédemment Vimeo pour héberger et diffuser ses vidéos de présentation produits et tutoriels. Pour des raisons de coûts, de fonctionnalités, et de stratégie de contenu, VST souhaitait migrer vers YouTube. Cette migration nécessitait de modifier l'intégration technique sur le site web pour passer de l'API Vimeo à l'API YouTube.

Automatisation requise

Au-delà de la simple migration, VST souhaitait automatiser l'intégration des vidéos : récupération automatique des nouvelles vidéos YouTube, affichage dynamique sur le site, et synchronisation avec les catégories de produits.

La solution : Intégration API YouTube automatisée

Analyse de l'existant

J'ai d'abord analysé l'intégration Vimeo existante développée par Pickbeam pour comprendre comment les vidéos étaient récupérées, affichées, et organisées sur le site.

Développement de l'intégration YouTube

J'ai développé une nouvelle intégration avec l'API YouTube permettant de récupérer automatiquement les vidéos de la chaîne VST, d'extraire les métadonnées (titre, description, miniature), d'organiser les vidéos par catégories selon les playlists YouTube, et d'afficher les vidéos de manière optimisée sur le site.

Automatisation du processus

L'intégration est entièrement automatisée : quand VST publie une nouvelle vidéo sur YouTube, elle apparaît automatiquement sur le site sans intervention manuelle. Les miniatures, titres, et descriptions sont synchronisés automatiquement, et les vidéos sont organisées selon les playlists YouTube.

Les résultats : Automatisation et économies

Intégration réussie

Les vidéos YouTube de VST sont maintenant parfaitement intégrées au site web Nuxt + Storyblok développé par Pickbeam, avec un affichage professionnel et optimisé, une organisation automatique par catégories selon les playlists, et une synchronisation en temps réel des nouvelles vidéos.

Économies significatives

La migration de Vimeo vers YouTube a permis à VST de réaliser des économies importantes sur les coûts d'hébergement vidéo (Vimeo payant → YouTube gratuit), tout en bénéficiant de meilleures fonctionnalités et d'une visibilité accrue (YouTube = 2ème moteur de recherche au monde).

Pourquoi YouTube plutôt que Vimeo ?

Technologies de l'intégration

J'ai utilisé l'API YouTube Data v3 pour récupérer toutes les informations des vidéos (métadonnées, miniatures, statistiques, playlists). L'intégration en JavaScript avec des composables Nuxt s'intègre parfaitement dans l'architecture Storyblok du site. L'automatisation utilise les hooks Nuxt et la régénération incrémentale (ISR) pour mettre à jour le site automatiquement quand de nouvelles vidéos sont publiées.

Conclusion

La migration de l'API Vimeo vers YouTube pour VST a été un succès. VST économise sur les coûts d'hébergement vidéo, améliore la visibilité de ses contenus, et bénéficie d'une gestion vidéo automatisée et performante. Cette mission Socium Pass en collaboration avec Pickbeam démontre l'efficacité de combiner les expertises pour livrer une solution technique optimale.

Articles connexes : Storyblok : CMS Headless visuel • CMS Headless : la flexibilité • API : intégrations • Nuxt : framework Vue • Hooks Nuxt : automatisation • ISR : régénération incrémentale • JavaScript : le langage

Découvrir mes services • Voir mes projets • Me contacter