Ajouter une version audio à un site ou une page Notion
Notion ne laisse pas installer de script libre, mais il sait intégrer une page externe dans un bloc. C'est la porte d'entrée pour ajouter un lecteur audio à un article publié depuis Notion, et voici comment, avec ses limites honnêtes.
De plus en plus de gens publient sur le web depuis Notion : une base de connaissances, un blog personnel, la documentation d'un produit, parfois un site complet monté avec un outil qui habille les pages Notion. La question revient alors vite : peut-on y ajouter une version audio des articles ? La réponse est oui, mais pas par le même chemin que sur un site classique, parce que Notion a une règle qui change tout. Voici comment faire, et ce que cette règle vous permet ou non.
Pourquoi on ne colle pas simplement un script
Sur la plupart des sites, ajouter notre lecteur revient à poser une ligne dans le gabarit :
````
<script src="https://wedispatch.fr/player.js"
data-article="ARTICLE_ID" defer></script>
Notion, dans ses pages publiées nativement, n'autorise pas ce genre de code libre. C'est un environnement fermé, pensé pour rester simple et sûr, où l'on n'injecte pas de JavaScript arbitraire dans une page. Beaucoup de fonctions qui semblent bloquées à première vue le sont pour cette raison. Le lecteur audio en fait partie, tant qu'on cherche à passer par un script.
La bonne porte : le bloc d'intégration
Notion sait faire une chose très utile ici : intégrer une page externe dans un bloc. Vous tapez /embed (ou « Intégrer »), vous collez une adresse, et Notion affiche cette page dans un cadre à l'intérieur de la vôtre. C'est ainsi qu'on y insère une vidéo, une maquette ou un formulaire.
Notre lecteur expose justement une page autonome faite pour cet usage. Chaque article dispose d'une adresse d'intégration de la forme https://wedispatch.fr/embed/IDENTIFIANT, qui affiche le lecteur seul, prêt à vivre dans un cadre. C'est d'ailleurs exactement cette même page que notre script charge en coulisse sur les autres sites. Sur Notion, il suffit donc de créer un bloc d'intégration à l'endroit voulu, sous le titre de l'article par exemple, et d'y coller cette adresse. Le lecteur apparaît, jouable, dans votre page Notion publiée.
Relier le bon audio à la bonne page
C'est là qu'il faut être honnête sur une limite de Notion natif. Contrairement à un blog WordPress ou Wix, où l'on pose le code une fois et où chaque nouvel article hérite du lecteur, une page Notion se traite une par une. Vous placez, dans chaque article, le bloc d'intégration pointant vers l'identifiant de cet article précis. Il n'y a pas, sur Notion natif, de gabarit commun qui propagerait le lecteur automatiquement, ni de flux qui repérerait vos nouvelles pages tout seul.
Concrètement, pour un espace de quelques dizaines de pages, cela reste une manipulation rapide : produire l'audio de l'article, récupérer son adresse d'intégration, la coller dans un bloc. Pour un site Notion qui grossit vite, cette répétition devient le vrai coût, et il faut le savoir avant de se lancer plutôt que de le découvrir à la trentième page.
Si votre site Notion passe par un outil d'habillage
Beaucoup de « sites Notion » ne sont pas du Notion natif : ils sont servis par un outil tiers (du type Super, Potion ou Popsy) qui transforme un espace Notion en vrai site, avec domaine propre et, souvent, la possibilité d'injecter du code dans l'en-tête. Si c'est votre cas, la contrainte tombe : vous revenez au script posé une fois dans l'en-tête du site, et chaque page hérite du lecteur comme sur un site classique. Selon l'outil, vous pouvez même relier la génération à un flux RSS pour que les nouveaux articles soient sonorisés sans intervention. Vérifiez dans les réglages de votre outil d'habillage s'il autorise le code personnalisé : c'est ce détail qui décide de la méthode.
Et si vous découvrez, au passage, que votre contenu vit finalement mieux sur un vrai moteur de blog, notre module WordPress fait ce travail de propagation automatique sans aucun bloc à coller article par article. Le choix dépend de là où vous voulez que votre contenu vive à long terme.
Ce que vous gardez dans les deux cas
Quelle que soit la voie, l'audio produit reste le même, et les réglages de qualité aussi. La lecture suivie, où le texte se surligne au rythme de la voix, s'active depuis votre tableau de bord, tout comme les sous-titres synchronisés, sans toucher à Notion. Si un article change, vous régénérez son audio depuis le tableau de bord et l'adresse d'intégration ne bouge pas : le bloc déjà collé sert la nouvelle version sans que vous ayez à y revenir.
Le plus simple reste de voir le lecteur tourner avant d'équiper tout un espace. Générez l'audio d'un article, collez son adresse d'intégration dans une page de test, et écoutez le rendu : essayez sur un article, lisez le détail des méthodes dans la documentation, et regardez les formules par volume sur la page tarifs. Notion vous laisse une porte étroite mais suffisante, à condition d'entrer par le bon bloc. Pour aller plus loin sur les environnements qui ressemblent à Notion, voyez aussi comment on procède avec une documentation ou un centre d'aide.
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