Ajouter une version audio à vos articles HubSpot
HubSpot CMS n'a pas de répertoire d'extensions serveur, mais l'audio s'ajoute sans toucher au thème : module HTML, flux RSS ou API. Les trois méthodes, pas à pas.
HubSpot CMS attire les équipes marketing et commerciales parce qu'il rassemble le blog, les formulaires, l'emailing et le CRM au même endroit. Le revers, c'est qu'il ne fonctionne pas comme WordPress : il n'y a pas de répertoire d'extensions serveur où l'on installe une fonctionnalité en un clic. Sur WordPress, on télécharge le module dédié et c'est réglé. Sur HubSpot, ajouter une version audio de vos articles passe par le front, sans back-office serveur à modifier. La bonne nouvelle : c'est tout à fait faisable, sans développeur pour la voie simple, et sans jamais toucher au thème de votre portail. Voici les trois méthodes, de la plus rapide à la plus automatisée.
Le lecteur : un module HTML dans votre gabarit d'article
Dans HubSpot, chaque article de blog est rendu par un gabarit (template). C'est là qu'il faut intervenir, une seule fois, pour que le lecteur apparaisse sur toutes vos publications d'un coup, présentes et futures.
Dans l'éditeur de gabarit, ajoutez un module HTML personnalisé à l'endroit où vous voulez voir le lecteur (juste sous le titre, avant le premier paragraphe, à votre convenance). Ce module contient une seule ligne :
``
<script src="https://wedispatch.fr/player.js"
data-article="ARTICLE_ID" defer></script>
Comme il vit dans le gabarit et non dans chaque article, vous ne le collez qu'une fois. Chaque nouvel article hérite automatiquement du lecteur. C'est le même principe, sans plugin, que ce que nous décrivons pour un article WordPress sans toucher au thème : le composant s'insère à côté du contenu, il ne le réécrit pas.
Relier le lecteur au bon article
Reste à indiquer quel audio correspond à quel article. Deux approches.
La première laisse la détection se faire sur l'URL de la page. Vous nous communiquez l'adresse de l'article, le texte est extrait de la page publiée, et l'audio est associé. Rien à créer dans HubSpot.
La seconde, plus robuste, s'appuie sur un champ personnalisé de blog HubSpot (une propriété d'article) que vous liez à l'attribut data-article. Vous gardez ainsi un identifiant stable même si l'URL change lors d'une refonte. Cinq minutes de configuration, et plus de surprise le jour où vous réorganisez vos catégories.
Trois façons de générer l'audio
Afficher le lecteur ne suffit pas : il faut produire le fichier. Sur HubSpot, trois voies.
Le flux RSS est la plus simple. HubSpot expose nativement un flux pour chaque blog (l'URL se termine généralement par /rss.xml). Vous nous communiquez cette adresse, les nouveaux articles sont détectés au fil de leur publication, le texte est extrait et l'audio généré sans aucune manipulation de votre part. C'est l'option idéale pour une équipe qui veut publier comme d'habitude et retrouver le lecteur en ligne automatiquement. Le fonctionnement détaillé est décrit sur la page flux RSS.
L'approche par sitemap suit le même principe si vous préférez pointer vers votre plan de site, utile quand certaines pages de destination ne sont pas des articles de blog.
Enfin, si vous avez besoin de contrôle (générer l'audio à un moment précis, choisir la voix, gérer les corrections), l'API reste ouverte. HubSpot peut déclencher un appel au moment de la publication via un workflow relié à un outil d'automatisation comme Make ou Zapier. C'est plus de travail au départ, mais cela donne la main sur toute la chaîne, ce qui séduit les équipes qui pilotent déjà leurs opérations depuis HubSpot.
Ce que le module écrit, et ce qu'il ne touche pas
Point important pour une équipe qui tient à la propreté de son portail : l'intégration n'installe aucun code serveur dans HubSpot, ne modifie pas votre thème et ne réécrit pas vos articles. Elle ajoute un module HTML dans un gabarit, et éventuellement une propriété d'article si vous choisissez l'identifiant stable. C'est tout. Le jour où vous changez de thème HubSpot, le lecteur suit le gabarit d'article, et la migration ne casse rien côté audio.
Quand un article change
Sur HubSpot, republier un article après correction est courant, surtout quand le contenu sert aussi une campagne. Si vous passez par le flux RSS, la détection repère la mise à jour et marque l'audio comme « à régénérer » : vous relancez la génération quand le texte est stabilisé, et les corrections successives ne sont jamais refacturées. Si vous passez par l'API, il suffit de renvoyer le même identifiant externe avec le texte corrigé. Dans les deux cas, l'audio déjà en ligne continue d'être servi tant que vous n'avez pas relancé, donc aucune page ne se retrouve sans lecteur.
Par où commencer
Pour un blog HubSpot, la voie la plus rapide reste le flux RSS combiné au module HTML dans le gabarit : un quart d'heure de mise en place, aucune ligne de code côté serveur, et chaque nouvel article part avec sa version audio. Si vous tenez à un contrôle fin ou à des identifiants stables, ajoutez une propriété d'article et l'API. La logique est la même que sur d'autres plateformes sans extension, comme nous le montrons pour Webflow. Le plus simple pour se décider reste de voir le lecteur tourner sur vos propres pages : essayez sur un article et écoutez le résultat avant d'équiper tout le blog.
Sonorisez vos articles avec WeDispatch
Ce blog sera lui-même sonorisé par WeDispatch. Envie de voir ce que ça donne sur vos contenus ?
Demandez une démo