{"id":83532,"date":"2025-04-17T02:40:46","date_gmt":"2025-04-17T01:40:46","guid":{"rendered":"http:\/\/3.238.148.255\/?p=83532"},"modified":"2025-04-17T22:42:50","modified_gmt":"2025-04-17T21:42:50","slug":"comment-rendre-le-badge-google-recaptcha-invisible-sur-le-site-web","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/fr\/tech\/comment-rendre-le-badge-google-recaptcha-invisible-sur-le-site-web\/","title":{"rendered":"Comment rendre le badge Google reCAPTCHA invisible sur le site Web ?"},"content":{"rendered":"<p>Google reCAPTCHA est devenu quasiment omnipr\u00e9sent pour prot\u00e9ger les sites web contre le spam et les abus automatis\u00e9s. Dans sa derni\u00e8re version, reCAPTCHA v3, Google affiche uniquement un petit badge (badge) en bas \u00e0 droite de la page. Bien que ce badge r\u00e9ponde aux crit\u00e8res d&#039;attribution, il peut s&#039;av\u00e9rer incompatible avec le design de votre site ou distraire les utilisateurs. Dans cet article, je vous explique comment supprimer ce badge de votre site, notamment si vous utilisez WordPress, sans enfreindre les conditions d&#039;utilisation de Google.<\/p>\n<p>Pendant de nombreuses ann\u00e9es, Google a propos\u00e9 <strong>reCAPTCHA v2 (deuxi\u00e8me version)<\/strong>, qui invitait les utilisateurs \u00e0 r\u00e9soudre des \u00e9nigmes bas\u00e9es sur des images ou \u00e0 cocher une case pour prouver leur appartenance \u00e0 un humain. Bien qu&#039;efficace, ce syst\u00e8me compliquait l&#039;exp\u00e9rience utilisateur et n\u00e9cessitait parfois plusieurs d\u00e9fis au cours d&#039;une m\u00eame session. Pour rem\u00e9dier \u00e0 ce probl\u00e8me, Google a introduit <strong>reCAPTCHA v3 (troisi\u00e8me version)<\/strong>, qui s&#039;ex\u00e9cute enti\u00e8rement en arri\u00e8re-plan et attribue \u00e0 chaque requ\u00eate un score de risque. Le seul \u00e9l\u00e9ment visible est un petit badge renvoyant vers la politique de confidentialit\u00e9 et les conditions d&#039;utilisation de Google.<\/p><div id=\"juand-461139608\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<div style=\"width: 100%;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/tbvxFW4UJdU\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Avant de masquer le badge, il est crucial de comprendre les exigences l\u00e9gales de Google. Selon <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed\" target=\"_blank\" rel=\"noopener noreferrer\">FAQ reCAPTCHA<\/a>Vous pouvez masquer le badge \u00e0 condition d&#039;inclure une mention visible ailleurs dans le parcours utilisateur, g\u00e9n\u00e9ralement dans le pied de page de votre site. Cela permet de garantir que les utilisateurs sont toujours inform\u00e9s que votre site est prot\u00e9g\u00e9 par la technologie anti-bot de Google.<\/p>\n<p>Google recommande d&#039;ajouter l&#039;avis suivant \u00e0 votre pied de page\u00a0:<\/p>\n<pre><code>Ce site est prot\u00e9g\u00e9 par reCAPTCHA et la politique de confidentialit\u00e9 de Google. <a href=\"https:\/\/policies.google.com\/privacy\">Politique de Confidentialit\u00e9<\/a> et <a href=\"https:\/\/policies.google.com\/terms\">Conditions d&#039;utilisation<\/a> appliquer.<\/code><\/pre>\n<p>Une fois cette attribution ajout\u00e9e, masquer le badge est simple. Ajoutez cette ligne CSS \u00e0 votre feuille de style\u00a0:<\/p>\n<pre><code>.grecaptcha-badge { visibilit\u00e9\u00a0: masqu\u00e9\u00a0; }<\/code><\/pre>\n<p>Si vous pr\u00e9f\u00e9rez, vous pouvez l&#039;ins\u00e9rer directement dans votre <code>&lt;head&gt;<\/code> section:<\/p><div id=\"juand-1984236047\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<pre><code>.grecaptcha-badge { visibility: hidden; }<\/code><\/pre>\n<p>Sur WordPress, le moyen le plus simple est d&#039;aller sur <em>Apparence \u2192 Personnaliser \u2192 CSS suppl\u00e9mentaire<\/em> et collez l&#039;extrait. Cette approche permet de conserver le badge dans le flux du document, permettant ainsi aux scripts reCAPTCHA de s&#039;ex\u00e9cuter correctement, tout en le rendant invisible pour les utilisateurs.<\/p>\n<p><strong>Important:<\/strong> Ne pas utiliser <code>affichage : aucun ;<\/code> sur le badge. Le supprimer compl\u00e8tement du DOM peut emp\u00eacher le script reCAPTCHA de se charger ou de signaler correctement les scores de risque, ce qui d\u00e9sactive la protection anti-spam et expose vos formulaires aux robots. <code>visibilit\u00e9 : cach\u00e9 ;<\/code> garantit que le badge reste pr\u00e9sent dans le balisage sans \u00eatre visible.<\/p>\n<h2>Avantages de cacher le badge<\/h2>\n<p>Vous vous demandez peut-\u00eatre pourquoi cacher le badge. Voici les principaux avantages\u00a0:<\/p>\n<ul>\n<li><strong>Des visuels plus \u00e9l\u00e9gants<\/strong>:Le badge peut chevaucher des \u00e9l\u00e9ments importants de l&#039;interface utilisateur ou sembler d\u00e9plac\u00e9, en particulier sur les \u00e9crans mobiles.<\/li>\n<li><strong>UX am\u00e9lior\u00e9e<\/strong>:Avec reCAPTCHA v3 fonctionnant de mani\u00e8re invisible, les utilisateurs finaux ne rencontreront aucun clic ni \u00e9nigme suppl\u00e9mentaire.<\/li>\n<li><strong>Image de marque coh\u00e9rente<\/strong>:La suppression des \u00e9l\u00e9ments d\u2019interface utilisateur tiers permet de conserver une conception propre et coh\u00e9rente.<\/li>\n<\/ul>\n<h2>D\u00e9pannage et meilleures pratiques<\/h2>\n<ul>\n<li>Si le badge appara\u00eet toujours, effacez le cache de votre navigateur et tout cache CDN pour vous assurer que votre nouveau CSS est appliqu\u00e9.<\/li>\n<li>Utilisez les outils de d\u00e9veloppement de votre navigateur pour inspecter le <code>.grecaptcha-badge<\/code> \u00e9l\u00e9ment et confirmez qu&#039;aucune autre feuille de style ne remplace votre r\u00e8gle.<\/li>\n<li>V\u00e9rifiez que le texte d\u2019attribution de votre pied de page est clairement visible et correspond \u00e0 la formulation recommand\u00e9e par Google.<\/li>\n<li>Consultez r\u00e9guli\u00e8rement la documentation de Google au cas o\u00f9 leur politique concernant la visibilit\u00e9 des badges changerait.<\/li>\n<\/ul>\n<h2>Consid\u00e9rations relatives \u00e0 l&#039;accessibilit\u00e9<\/h2>\n<p>M\u00eame si le badge est invisible, assurez-vous que votre site reste accessible :<\/p>\n<ul>\n<li>Utilisez du HTML s\u00e9mantique pour l&#039;attribution de votre pied de page afin que les lecteurs d&#039;\u00e9cran puissent l&#039;annoncer correctement.<\/li>\n<li>Assurez-vous que le masquage du badge n\u2019interf\u00e8re pas avec l\u2019ordre de mise au point ou la navigation.<\/li>\n<\/ul>\n<p>En suivant ces \u00e9tapes simples, vous pouvez maintenir une int\u00e9gration sans badge de reCAPTCHA v3 tout en conservant sa puissante protection anti-spam int\u00e9gr\u00e9e. Cette solution pr\u00e9serve la propret\u00e9 de votre interface, am\u00e9liore la convivialit\u00e9 et r\u00e9pond aux exigences l\u00e9gales de Google. Si vous rencontrez des probl\u00e8mes ou avez des questions, n&#039;h\u00e9sitez pas \u00e0 laisser un commentaire ci-dessous. Bon codage\u00a0!<\/p><div id=\"juand-2767098951\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Photo de <a href=\"https:\/\/www.pexels.com\/photo\/macbook-air-on-grey-wooden-table-67112\/\" target=\"_blank\" rel=\"noopener\">Caio<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Google reCAPTCHA est aujourd&#039;hui l&#039;une des mesures de s\u00e9curit\u00e9 les plus r\u00e9pandues sur le web. Cependant, dans sa derni\u00e8re version, Google n&#039;affiche qu&#039;un petit badge en bas \u00e0 droite de votre site. Si ce \u00ab badge \u00bb remplit son r\u00f4le l\u00e9gal, il n&#039;est pas toujours le choix le plus \u00e9l\u00e9gant en termes de design. Dans cet article, je vous explique comment supprimer le badge reCAPTCHA de votre site, notamment si vous utilisez WordPress, tout en respectant les exigences de Google.<\/p>","protected":false},"author":1,"featured_media":97892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-83532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2020\/04\/pexels-caio-67112-scaled.jpg?fit=2560%2C1702&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lJi","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/83532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/comments?post=83532"}],"version-history":[{"count":3,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/83532\/revisions"}],"predecessor-version":[{"id":97894,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/83532\/revisions\/97894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/media\/97892"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/media?parent=83532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/categories?post=83532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/tags?post=83532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}