Ajouter l'écoute audio à un blog Tumblr : ce qui marche, et ce qui bloque

Tumblr reste un endroit vivant pour les blogs personnels, les fanzines, les carnets de création et une bonne partie de la culture en ligne. Beaucoup de ces blogs publient des textes longs, des billets d'humeur, des récits, exactement le genre de contenu qui gagne à être écoutable pour qui lit sur mobile ou veut suivre sans fixer l'écran. La question qui revient est simple : peut-on ajouter un lecteur audio à un blog Tumblr, et comment ? La réponse tient en deux chemins, et surtout en une contrainte qu'il faut comprendre avant de commencer.

La contrainte Tumblr : deux niveaux, deux règles

Tumblr distingue nettement deux endroits où du code peut vivre. Le premier est le thème : Tumblr donne accès au HTML complet du thème via l'éditeur (« Modifier le thème », puis « Éditer le HTML »). Là, vous avez la main, y compris pour insérer un script. Le second est le corps d'un billet : quand vous écrivez un article, Tumblr filtre le HTML que vous collez et retire la plupart des scripts, pour des raisons de sécurité parfaitement légitimes sur une plateforme communautaire.

Cette distinction décide de tout. Coller le bloc d'un lecteur directement dans un billet, comme on le ferait sur un site auto-hébergé, ne fonctionne pas de façon fiable sur Tumblr : le script est souvent nettoyé et le lecteur ne s'affiche pas. Ce n'est pas un défaut de l'outil audio, c'est le comportement voulu de Tumblr. Autant le savoir tout de suite pour ne pas perdre une heure à déboguer un blocage qui n'en est pas un.

Le chemin propre : insérer le lecteur dans le thème

La voie durable passe par le thème. Vous ouvrez l'éditeur HTML du thème, et vous placez le bloc du lecteur à l'intérieur de la zone qui rend chaque billet, généralement entre les balises {block:Text} et {/block:Text} du gabarit, juste sous le titre ou sous le corps selon l'effet voulu. Placé là une seule fois, le lecteur apparaît automatiquement sur tous vos billets texte, anciens et nouveaux, sans que vous ayez à toucher à chaque article.

L'avantage est net : vous réglez l'intégration une fois, et elle suit le rythme du blog. L'inconvénient tient à Tumblr : les thèmes varient beaucoup, et un thème très personnalisé peut demander un peu de tâtonnement pour trouver le bon emplacement. Le réflexe prudent est de dupliquer le thème avant d'y toucher, ou de tester sur un blog secondaire, puis de vérifier l'affichage sur mobile, où passe l'essentiel du trafic Tumblr. Une fois calé, ce chemin est le plus robuste, et c'est la même logique que sur d'autres plateformes de blog hébergées, comme nous l'avons décrit pour Blogger.

Le chemin automatique : passer par le flux RSS

Tumblr publie un flux RSS pour chaque blog, à l'adresse de votre blog suivie de /rss. C'est une porte précieuse, parce qu'elle permet de sonoriser sans toucher au thème du tout. Le principe : notre flux RSS surveille le vôtre, détecte chaque nouveau billet dès sa parution, et en prépare la version audio automatiquement. Vous publiez sur Tumblr comme d'habitude, et l'audio se fabrique de son côté.

Ce chemin brille quand vous publiez souvent et que vous ne voulez pas penser à l'audio à chaque fois. Sa limite est l'inverse de sa force : le flux vit à côté de Tumblr, donc l'écoute se fait le plus souvent sur une page dédiée que vous partagez, plutôt qu'incrustée dans le billet Tumblr lui-même, à moins de combiner avec l'insertion dans le thème. Pour un blog qui veut aussi diffuser en podcast, cette même mécanique de flux ouvre la porte à un podcast automatique alimenté par vos publications.

Ce qu'il faut savoir avant de promettre

Trois points d'honnêteté. D'abord, le texte reste roi : l'audio s'ajoute au billet, il ne le remplace pas, et c'est justement ce qui le rend utile pour l'accessibilité et pour le référencement. Ne masquez jamais le texte au profit du son. Ensuite, tous les types de billets Tumblr ne se prêtent pas à l'audio : un billet « photo » ou « citation » de trois lignes n'a rien à lire, l'audio n'a de sens que sur les billets « texte » longs. Enfin, le rendu dépend du thème : un thème minimaliste accueille le lecteur sans effort, un thème très chargé peut demander un réglage de couleur pour que le lecteur ne jure pas avec le reste, ce que permettent les réglages du lecteur.

Par où commencer

Si vous êtes à l'aise avec l'éditeur de thème, commencez par là : dupliquez votre thème, insérez le lecteur dans le gabarit de billet texte, vérifiez sur mobile, publiez. Si vous préférez ne rien toucher au thème, partez du flux RSS et jugez l'audio sur une page dédiée avant de décider d'aller plus loin. Dans les deux cas, l'installation se teste gratuitement, sans engagement, et vous saurez vite si le format trouve son public sur votre blog. Pour le cadre général de l'intégration sur un site et le module qui va avec, la page WordPress et intégration donne les repères, valables au-delà de WordPress lui-même.

À lire aussi

• Dialogues et citations : ce que la synthèse vocale fait des guillemets
• Le débit de lecture : à quelle vitesse une voix de synthèse doit lire le français
• Lire les dates à voix haute en français : ce qui piège une synthèse vocale