Ajoute la vanne du jour à ton site : un widget gratuit

Chaque jour, une nouvelle vanne s’affiche sur ton site, sans que tu aies rien à écrire. Ça te coûte un copier-coller. Nous, on y gagne un lien « Deviens Marrant », toujours affiché dans le widget : on te demande seulement de ne pas le masquer. Gratuit, sans cookie, sans pub.

Aperçu

Le code à copier

Option 1, l’iframe : la vanne s’affiche dans son propre cadre, rien ne s’exécute dans ta page. Si tu hésites, commence par celle-⁠là. Sur mobile, le cadre prend un peu plus de hauteur : c’est prévu.

<iframe src="https://deviens-marrant.fr/embed/vanne-du-jour" title="La vanne du jour, Deviens Marrant" loading="lazy" width="100%" height="420" style="border:0;border-radius:12px;color-scheme:light dark;display:block;width:100%;max-width:640px;height:420px;height:clamp(340px,calc(340px + (672px - 100vw) * .6),560px)" sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"></iframe>
<p style="margin:6px 0 0;font:13px/1.4 system-ui,sans-serif">La vanne du jour par <a href="https://deviens-marrant.fr/">Deviens Marrant</a></p>

Ton WordPress est installé chez ton hébergeur ? Colle le code dans un bloc « HTML personnalisé » de l’éditeur. Sur WordPress.com, les iframes et les scripts ne passent qu’avec une formule payante qui inclut l’hébergement : avec les autres formules, la vanne ne s’affichera pas.

Option 2, le script : à choisir pour une barre latérale ou une colonne étroite. Il crée le même cadre à l’endroit où tu le colles, puis l’agrandit après le clic si la chute en a besoin. Contrairement à l’iframe seule, c’est un script de notre site qui s’exécute dans ta page.

<div style="min-height:420px;min-height:clamp(340px,calc(340px + (672px - 100vw) * .6),560px);max-width:640px"><script async src="https://deviens-marrant.fr/widget.js"></script></div>
<p style="margin:6px 0 0;font:13px/1.4 system-ui,sans-serif">La vanne du jour par <a href="https://deviens-marrant.fr/">Deviens Marrant</a></p>

Le code ajoute sous le cadre une petite ligne « La vanne du jour par Deviens Marrant », avec un lien vers notre site. Elle est facultative : pour l’enlever, efface la fin du code, à partir de « <p ». Si tu la gardes, c’est un coup de pouce pour nous, merci !

Si ton site limite ce qu’il peut charger (une CSP), ajoute frame-src https://deviens-marrant.fr et, si tu as pris le script, script-src https://deviens-marrant.fr. Sinon le navigateur bloquera la vanne. Tu ne sais pas ce qu’est une CSP ? Tu n’as sans doute rien à faire.

Thème

Rien à faire : le widget s’adapte au mode clair ou sombre de ton visiteur. Ton site garde toujours le même fond ? Impose le thème en ajoutant ?theme=clair ou ?theme=sombre à la fin de l’adresse qui suit src= dans le code de l’iframe, ou avec data-theme="clair" ou data-theme="sombre" sur le script.

<iframe src="https://deviens-marrant.fr/embed/vanne-du-jour?theme=sombre" title="La vanne du jour, Deviens Marrant" loading="lazy" width="100%" height="420" style="border:0;border-radius:12px;color-scheme:light dark;display:block;width:100%;max-width:640px;height:420px;height:clamp(340px,calc(340px + (672px - 100vw) * .6),560px)" sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"></iframe>
<p style="margin:6px 0 0;font:13px/1.4 system-ui,sans-serif">La vanne du jour par <a href="https://deviens-marrant.fr/">Deviens Marrant</a></p>

<div style="min-height:420px;min-height:clamp(340px,calc(340px + (672px - 100vw) * .6),560px);max-width:640px"><script async src="https://deviens-marrant.fr/widget.js" data-theme="sombre"></script></div>
<p style="margin:6px 0 0;font:13px/1.4 system-ui,sans-serif">La vanne du jour par <a href="https://deviens-marrant.fr/">Deviens Marrant</a></p>

Ce que le widget affiche

Tes visiteurs voient l’amorce d’une vanne, un bouton « Révéler la chute », un lien « Pourquoi ça marche ? » et le lien « Deviens Marrant », toujours présent. La vanne change chaque jour, la même sur tous les sites. Pas de pub, pas de cookie, et le widget ne suit pas tes visiteurs : on compte seulement chaque affichage, avec le seul nom de domaine de ton site.

Pour les développeurs

Tu préfères afficher la vanne avec ton propre code ? Une API en lecture seule renvoie la vanne du jour en JSON : GET https://deviens-marrant.fr/api/widget/v1/vanne-du-jour. Champs : type, date, amorce, chute, url, attribution et license. Les règles d’usage sont résumées un peu plus bas, et détaillées dans les conditions d’utilisation.

Toute la documentation est sur la page Documentation de l’API (en anglais).

Licence d’usage, en bref : tu peux afficher la vanne gratuitement, sans la modifier ni la présenter comme la tienne, sur un site, dans une appli, un bot, une extension ou une newsletter, avec le lien d’attribution « Deviens Marrant » bien visible à côté. Tu peux la garder en cache de ton côté (serveur ou navigateur) 24 h au plus. Tu ne peux pas l’archiver, la copier en masse, la revendre, la mettre dans un recueil ou une base de vannes, ni t’en servir pour entraîner une IA. Les messages de bot et les newsletters déjà envoyés peuvent rester où ils sont. Le service est fourni sans garantie, et on peut te couper l’accès.

Conditions d’utilisation

La vanne du jour est gratuite : tu peux l’afficher sur ton site, dans une appli, un bot (Discord, Slack, Telegram…), une extension ou une newsletter, sans nous demander. Elle est fournie telle quelle, sans garantie de disponibilité, et elle peut évoluer. Le lien « Deviens Marrant » dans le cadre fait partie du widget : laisse-⁠le en place et visible (la ligne sous le cadre, elle, est facultative). Si tu affiches la vanne sans le widget (avec l’API sur ton propre site, dans une appli, un bot, une newsletter…), mets le lien « Deviens Marrant » bien visible à côté. Ne modifie pas le texte de la vanne et ne la présente pas comme la tienne. Tu peux afficher la vanne même si ton site, ton appli, ton bot, ton extension ou ta newsletter a de la publicité. En revanche, tu ne peux ni revendre la vanne, ni la copier en masse, ni l’archiver, ni la reprendre dans un recueil ou une base de vannes, ni t’en servir pour entraîner une IA. Les messages de bot et les newsletters déjà envoyés peuvent rester où ils sont : ce qui est interdit, c’est de garder les vannes de côté (au-⁠delà du cache de 24 h) pour les ressortir ou les rassembler. Si tu passes par l’API, tu peux garder la vanne en cache de ton côté (serveur ou navigateur) 24 h au plus. Le widget et l’API ne posent aucun cookie et ne suivent pas tes visiteurs. On peut changer ou arrêter le service, et te couper l’accès (contenu inapproprié là où tu affiches la vanne, abus), à tout moment.