新的Google reCaptcha：如何更改文字“我不是机器人”

Question

我在瑜伽网站上安装了最新的Google reCaptcha工具。现在，用户对复选框旁边显示的文字“我不是机器人”感到困惑。

我们的大多数用户都不知道“机器人”这个词在这个上下文中意味着什么，他们认为形式是破碎的。他们使用我们的表格感觉不太安全，因为在瑜伽网站上看到“机器人”这个词很奇怪。

如何将“我不是机器人”文本更改为用户理解的其他内容？

在这一点上，文档显得沉默......

此外，似乎reRecaptcha的内容通过远程JS和CSS完全锁定。我没有成功尝试使用以下javascript更改Googles recaptcha-anchor-label的文本：

<script type="text/javascript">
    $(document).ready(function () {
        $("#recaptcha-anchor-label").text("Something different.");
    });
</script>

Answer 1

回到这个老问题 - 现在有一个隐形版本的reCAPTCHA小部件，允许您自己设计UI。您可以将挑战的执行绑定到您创建的按钮，或在后台以编程方式调用它。

我在这里引用文档页面以供快速参考，你可以阅读更多关于这个here的信息。

必要的属性是类名'g-recaptcha'，data-sitekey属性中的站点键，以及用于处理data-callback属性中验证码完成的JavaScript回调的名称。

头：

   <script src="https://www.google.com/recaptcha/api.js" async defer></script>
   <script>
     function onSubmit(token) {
       document.getElementById("demo-form").submit();
     }
   </script>

---

身体：

  <form id='demo-form' action="?" method="POST">
    <button class="g-recaptcha" data-sitekey="your_site_key" data-callck='onSubmit'>Submit</button>
    <br/>
  </form>

Answer 2

通过将language codes用于hl脚本参数，可以将Google Recaptcha中的“我不是机器人”更改为其他语言。

这就是你强迫西班牙语的方式，例如：

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=es">

资料来源：Google ReCaptcha Docs

Answer 3

目前使用他们的工具是不可能的。如果你想使用另一种停止机器人的方法：卸载reCaptcha，并使用你可以控制的东西，也许是一个简单的随机问答，与瑜伽有关。

Answer 4

您无法更改该特定文本，因为它属于第三方iframe，但有一种解决方法可以完全满足OP的要求。

您可以在父级div上添加新的div，您可以控制，对齐并将其重叠在标签文本上，考虑到Google Captcha始终具有固定大小。因此，according to documentation，考虑到你可能在div的代码上有主要的Captcha class="g-recaptcha"，你只需：

$('.g-recaptcha').append('<div id="new_label"></div>');  
$('#new_label').text("My own text");
$('#new_label').css({"position":"absolute", "width":"160px", "top":"27px", "left":"53px", "background-color":"#f9f9f9"});

有用 ：）

Answer 5

这是不可能的，因为Same Origin Policy禁止尝试访问具有其他来源（Google服务器）的iframe（验证码）的任何脚本（在您的网站上）。

如果我们拥有两个服务器，我们应该没有问题运行下面的代码:)

$( ".g-recaptcha > div > div > iframe" ).contents().find( "#recaptcha-anchor-label" ).text('Custom Text');