Publier automatiquement les nouveaux épisodes de balado sur WordPress avec Make.com

Ce scénario vous permet de publier automatiquement de nouvelles pages WordPress (à partir d’un modèle) pour votre blogue, votre balado ou tout autre flux RSS, avec Make.com et du HTML assez simple.

Inscrivez-vous à make.com (lien d’affiliation, ça nous aide) : https://www.make.com/en/register?pc=p…)

‍

Transcription

‍

Salut tout le monde, aujourd'hui on va parler d'un scénario assez astucieux qu'on a créé pour un client. Le cas d'utilisation, c'est de publier automatiquement des articles de blogue sur WordPress quand votre blogue est en fait hébergé ailleurs. Donc ce qu'on fait, c'est qu'on récupère les mises à jour. Le flux RSS, chaque fois qu'il y en a. On va chercher le code de l'épisode.

On crée l'article sur WordPress. On récupère les métadonnées, et ensuite on remplit l'article avec du HTML brut, ce qui est plutôt cool. Et pour ceux d'entre vous qui sont un peu plus techniques, c'est correct. Rien de comparable à React Native, pardon, à React. Mais il y a un certain principe là-dedans dans notre façon de servir les choses.

Qui est similaire. Du moins, d'après ce que je peux voir. Alors sur ce, allons-y. Donc le fonctionnement : le balado est configuré sur Simplecast. On a le flux RSS ici en ce moment. Je l'ai réglé à cinq éléments retournés au maximum. On s'attend à environ un épisode par semaine. Pour l'instant, c'est juste pour les tests, et ensuite on peut planifier à la fréquence qu'on veut.

Je suis pas mal sûr qu'il y a moyen de faire ça. De le configurer avec un webhook, en fait. Mais je n'en suis pas certain à cent pour cent. Donc si quelqu'un sait comment faire, j'aimerais beaucoup que vous me contactiez pour me le dire. Bon. Donc une fois qu'on a les éléments du flux RSS, ce qu'on fait, c'est qu'on extrait le code de l'épisode. Ici, faisons une exécution, juste pour avoir des vraies données à regarder.

Et ce qu'on peut voir ici, c'est dans le, ah oui, on les exécute tous les cinq. Hein? On n'a pas besoin de ça. Bon. Donc on peut voir les données retournées dans le bundle. Le numéro un ici, c'est. Bon. Donc, vous savez, l'ID, le titre et, en gros, les choses auxquelles on s'attend, non? Les auteurs, on a la date. Et si on creuse, on a quelques autres choses utiles, comme l'ID réel du, vous savez, du balado. En ce moment, ce qui se passe, c'est sur la page.

On est ici. Jetons un coup d'œil rapide à quoi ressemble la page, pour que vous voyiez un peu ce qu'on construit. Donc si on regarde l'aperçu,

On a le titre, on a ce lecteur vidéo, et comme c'est une intégration, on doit seulement changer l'épisode vers lequel il pointe pour chaque nouvelle page. Ce sont des liens statiques. Ensuite le résumé est rempli dynamiquement, puis suivi de ce formulaire Klaviyo, qui est une autre intégration servie par Klaviyo.

Maintenant, avec ce contexte, on retourne dedans. Trouver comment faire pointer le lecteur de balado a été un petit défi. Voyons voir, si on va ici et qu'on fait « inspecter » pour regarder comment c'est construit, parce qu'on utilise clairement quelques compétences en HTML là-dedans et un peu de développement Web. Vous voyez ici qu'on a l'URL source, mais en fait la façon dont on écrit le code n'est pas exactement comme ça.

Donc si je vous montre, et ce n'est peut-être pas.  la plus belle vue, parce que Make n'a pas vraiment d'éditeur de code complet. Bon. Je sais que je saute d'un endroit à l'autre, mais suivez-moi, parce que je veux bâtir ces concepts dans un ordre logique. Donc si on regarde, juste en bas, on a player.simplecast.com/texte.

Et comme vous voyez, ce texte est le résultat du numéro deux. On met aussi le mode sombre à false, ce qui me rend triste. Ça ne fitterait pas avec le site Web. Donc, vous savez, il faut faire avec. Et ces autres propriétés sont, franchement, très propres à Simplecast et sont toutes dans leur documentation. Donc je ne vais pas m'attarder là-dessus.

Maintenant, ce qu'on doit vraiment extraire, je vais vous le montrer, c'est un peu compliqué et je pense que je vais simplement vous coller ça, même si vous allez devoir changer les variables. Je vais vous coller le code dans les commentaires YouTube. Donc ce qu'on a ici, c'est qu'on enlève la première partie de l'URL.

On a donc substring. On enlève ce qui est dans l'URL, et on enlève tout ce qui se trouve entre. L'index de cette chaîne. Donc en gros, le début de cette chaîne, qui est, pardon, la fin de cette chaîne, qui est l'épisode, c'est de là qu'on part. Parce que je voulais que ça corresponde, bon, ça a l'air un peu bizarre, mais parce que je ne voulais pas, vous savez, si je mets une barre oblique, on ne saura peut-être pas exactement de quelle barre oblique on part. Mais ça, c'est l'épisode, pardon, c'est le code du balado qui précède le code de l'épisode.

Et ça, ça ne changera jamais. Donc j'ai juste mis les six derniers caractères, barre oblique incluse, et ensuite j'ai fait plus. Comme ça, je m'assure qu'on n'ira pas chercher au mauvais endroit, et ensuite, vous savez, je nous fais avancer jusqu'à la fin de la barre oblique. Donc on veut tout ce qui vient après cette barre oblique. Ce serait peut-être utile de regarder ici l'URL des enclosures, juste pour vous montrer encore une fois à quoi on a affaire.

Quand on regarde ici, on a cette URL, on a /audio, et ensuite ça, c'est l'ID du balado. Vous voyez la chaîne que j'ai prise à la fin. Ensuite il y a episodes, puis on a l'URL de l'épisode, puis d'autres trucs. Donc on essaie juste d'isoler celui-là, en regardant.

On commence, vous savez, à la fin, juste avant /episodes, et ensuite on va jusqu'à l'endroit où se trouve .mp. Donc en gros, ce qui est nécessaire dans cette URL en particulier. Et ça a pris un peu d'expérimentation pour le trouver, c'était un peu irritant, mais pas, pas horrible. Donc, en regardant encore, ce dont on a besoin, c'est tout ce qui est avant .mp3 et tout.

Ce qui est après le balado lui-même. C'est ce qu'on réussit à aller chercher dans la section ici. Vous pourriez en fait intégrer ça directement dans le contenu de l'ajout d'article, parce que c'est là qu'on le branche. La raison pour laquelle je ne le fais pas, c'est un, pour la lisibilité. Et deux, quand vous déboguez, c'est tellement plus facile d'utiliser un module Compose a string ou Set variable pour tester, parce que vous pouvez exécuter seulement ce module encore et encore, et continuer de voir la valeur que vous obtenez.

Ça accélère vraiment le développement. Donc chaque fois que vous faites une fonction compliquée comme ça, même si vous allez. La brancher au bout du compte dans un autre module. Je vous recommande fortement de la développer dans une variable. C'est un beau petit contenant. Alors, qu'est-ce qui se passe ensuite? On pourrait penser que tout ça peut se faire en une seule étape, et techniquement, en quelque sorte, oui, mais j'avais une espèce de dépendance bizarre que vous allez, vous allez voir au fur et à mesure.

Donc qu'est-ce qui se passe? On crée cet article. On connaît le titre. On. La description. On connaît la date de création, même si ce n'est pas vraiment respecté. Donc, bon, on connaît le slug, qui est le titre dans ce cas-ci. Et vous savez, ça, je travaille encore à faire afficher la date d'enregistrement. Donc on connaît toutes ces choses-là, vous savez, donc c'est facile à brancher, mais il y a certaines choses qu'on va seulement obtenir après.

Donc ce qu'on fait, c'est que, vous savez, quand on fait l'étape, elle va bien sûr retourner l'ID. Ensuite, une fois qu'on a l'ID. On récupère simplement l'information sur l'article, y compris son propre permalien et ses propres métadonnées. Tel qu'il a été publié sur WordPress. Ensuite on va ici. Et là, on commence vraiment à créer le corps, non?

Donc ça, c'est tout le HTML qui va être injecté. Un, on avait besoin de l'ID de l'article, bien sûr, pour ce module, qu'on a réussi à récupérer. Et si on regarde, au fur et à mesure, c'est le champ qu'on a obtenu dans le deuxième. Donc je veux juste déplacer ça si je peux. Hmm. J'aurais juré qu'on pouvait faire ça.

Non. Bon, on va juste le fermer, mais ce qu'on récupère ici, c'est. Le modèle de permalien. En gros, ça sert juste à savoir où c'est publié sur le même site. Et on s'en sert pour certaines références internes du site. Donc dans ce cas-ci, dans ce cas-ci, vous voyez ici qu'on a notre flux RSS.

C'était quoi, ça? C'est un lien vers, ah, l'écouter dans une nouvelle fenêtre. C'était ça. Donc pour l'écouter dans une nouvelle fenêtre, il faut. Où diriger les gens. Bon. Et c'est là qu'on fait le truc autoréférentiel. Et d'après ce que je peux voir, c'était la seule raison pour laquelle je devais passer par l'étape de créer l'article, récupérer les données, puis le mettre à jour.

Et on pourrait, oui, parce que je ne voulais pas m'amuser à devoir modifier le corps après coup. J'ai simplement fait tout le corps dans cette section plus loin, plutôt que de faire la mise à jour pour l'injecter. Ce qui pourrait peut-être se faire. Donc vous voyez beaucoup de code, et vous pouvez le constater si vous connaissez un peu WordPress.

J'ai copié-collé ça directement de WordPress, parce que c'est encore une version assez préliminaire. Et ce que je veux vous montrer, c'est, vous savez, disons que c'était la page que j'essayais de copier, parce que c'est exactement ce que j'ai fait. Je suis parti d'une page comme celle-ci. Et au lieu d'écrire tout ça en HTML à la main, beaucoup d'entre vous.

Il y a un raccourci : vous faites « inspecter ». Vous, vous trouvez où ça se trouve, vous prenez l'élément de plus haut niveau, clic droit, modifier en HTML, et boum, copier. C'est tout. Vous pouvez le coller directement dans Make.com et votre HTML est écrit. C'est pour ça que j'ai ces div à la WordPress à l'intérieur de div, à l'intérieur de div, ce qui est du code un peu malpropre, à mon avis.

Mais ça me permet aussi de garder toutes les classes et. De ne pas avoir de style bizarre que j'essaie toujours de comprendre. C'était donc un beau raccourci. Maintenant, en parcourant ce code, et oui, ici, on va l'agrandir. Ce n'est pas ce qu'il y a de plus lisible, mais vous pouvez, en gros, aller sur cette page. Elle n'est pas encore publique, mais on va les lancer bientôt.

Donc info.artofaccomplishment.com/the-podcast, et vous pourrez accéder à toutes ces pages. Et de là, vous pourrez simplement faire un clic droit et, et l'essayer vous-mêmes, et, et vous aurez en gros accès à tout le code HTML, comme avec n'importe quel autre site Web. Donc, donc c'est l'essentiel.

Ce que je disais à propos de React, c'est qu'on passe beaucoup de temps à créer des vues, puis à avoir des conditions et des données qu'on branche, et ensuite on sert le tout. Donc on, on fait quelque chose qui est pas mal pareil. Voilà comment ça fonctionne. Maintenant, parlons de quelques trucs qui étaient peut-être des bizarreries, comme des bizarreries de WordPress.

Vous savez, une chose que je vais dire, c'est que je ne suis pas un grand fan de WordPress. C'est juste. Je ne sais pas si vous avez vu le film Everything Everywhere All at Once. Ça n'a rien à voir avec le film, mais le titre me semble bien décrire WordPress. Bref, je m'égare. Donc de quoi on allait parler, là.

Parfait. Ah oui. Les choses un peu drôles de WordPress. Ici, si vous regardez dans la section texte, vous voyez tout le HTML, mais si j'ajoute un saut de ligne ici, ça va vraiment ajouter un saut de ligne. Dans l'article, ce qui est tellement irritant quand on écrit du HTML, parce que quand vous faites des retours à la ligne, vous ajoutez vraiment des lignes.

Vous voyez ici qu'au lieu d'avoir une belle mise en forme, tous mes liens sont un peu en ligne. Donc, vous savez, ce n'est pas idéal, mais ce n'est pas la fin du monde non plus. Je pense que c'est une des plus grosses bizarreries. L'autre chose, c'est qu'on. Je pense qu'on a bel et bien le plugiciel Make.com pour WordPress installé.

Je suis pas mal sûr que c'est comme ça que Make arrive à se connecter, donc ce n'est pas trop, trop difficile à configurer, mais c'est. Une chose assez importante à savoir. Donc sur ce, si vous avez trouvé ça utile, mettez un j'aime et abonnez-vous. On travaille énormément dans Make, et je fais de l'automatisation depuis environ cinq ans maintenant, avec Make depuis tout ce temps.

C'est vraiment une plateforme fantastique. Quand on conçoit un processus, le diagramme de flux, c'est la façon logique de le faire. C'est tout simplement le bon paradigme. Enfin, j'ai mentionné Art of Accomplishment, un de nos clients et quelqu'un dont j'ai aussi été client. Une source fantastique, vraiment fantastique, de cours en ligne sur la croissance personnelle, le leadership, la formation des cadres, mais en mettant surtout l'accent sur les compétences humaines, la connexion, la collaboration.

Et Joe, qui dirige une bonne partie de tout ça, est un des, non, le meilleur coach avec qui j'ai travaillé. Voilà pour la petite pub d'AOA. De toute façon, on travaille seulement avec des clients en qui on croit vraiment. Allez voir ce qu'ils font. On va mettre un lien aussi. Leur balado est tout simplement exceptionnel, une mine de connaissances qui change des vies. Donc encore une fois, mettez un j'aime et abonnez-vous, j'espère que vous avez apprécié.

Si vous avez des questions, n'hésitez pas à nous contacter.

‍