Como esta caixa de seleção recaptcha funciona e como posso usá-la?

Recentemente, me inscrevi no site oneplusone https://account.oneplus.net/sign-up e notei esta caixa de seleção recaptcha

Como funciona e como posso usá-lo em meus sites? Muito melhor do que aquelas palavras / dígitos enigmáticos :)

O site recaptcha não menciona nenhum novo método de recaptcha ... https://www.google.com/recaptcha/intro/index.html

Esta é uma API beta para reCAPTCHA. Reunimos isso na fonte da API JS: https://www.google.com/recaptcha/api.js referenciando "API2". E também achei o seguinte: http://jaswsinc.com/recaptcha-ads/ Aparentemente, eles fizeram uma versão beta apenas para convidados do seu "no CAPTCHA reCAPTCHA" Então ... Você provavelmente não será capaz de fazê-lo funcionar seu site, ainda. Não consigo encontrar nenhuma informação sobre a opção beta, mas se você pesquisar "No CAPTCHA reCAPTCHA beta", poderá ver várias pessoas que mencionaram receber o e-mail do Google para participar.

Se você encontrar um lugar para entrar na versão beta, compartilhe! Caso contrário, parece que o lançamento público está chegando em 2015 ...

Esta entrada não responde à pergunta original, no entanto, ajuda a implementar uma solução semelhante. Como o @IanM disse, a caixa de seleção recaptcha está na fase beta e não pode ser usada sem convite.

EDIÇÃO IMPORTANTE O Google apresentou o novo reCAPTCHA

• Blog do Google Online Security: você é um robô? Apresentando “No CAPTCHA reCAPTCHA”
• Google reCAPTCHA: Apresentando o novo reCAPTCHA!

Este é um CAPTCHA baseado em JavaScript.

Como a maioria dos spambots não executa JavaScript e não pode identificar a correlação entre o texto exibido e o DOM ou as ações necessárias, eles não podem clicar na caixa de seleção.

Observe que não há nenhuma caixa de seleção; é apenas um elemento div com algum estilo CSS. Spambots estão tentando preencher os elementos de entrada do formulário, mas não há entrada no CAPTCHA. A marca de seleção é apenas mais uma div (classe css).

Quando você clica na caixa, uma solicitação ajax notifica o servidor que clicou no div e o servidor armazena essas informações em um armazenamento temporário (marca o token: esse token foi ativado por um ser humano). Quando você envia o formulário, um campo oculto envia o token que foi ativado; quando o servidor validar as informações do formulário, ele reconhecerá que o token foi ativado. Se o token não estiver ativado, o formulário será invalidado.

As etapas nos pontos de marcador:

• Gere um identificador exclusivo e adicione-o ao formulário com uma entrada oculta
• Renderize uma caixa de seleção no site (sem usar o <input>elemento, possivelmente usando <div>) e adicione o identificador gerado anteriormente a ele (você pode usar os data-*atributos html5 )
• Quando o usuário clicar na caixa de seleção, envie uma solicitação ajax ao servidor e valide o CAPTCHA, se for válido, marque-o como in use. (Mostrar o resultado - o identificador está OK / não está OK - para o usuário)
• Quando o usuário envia o formulário, os dados do formulário contêm o identificador. Verifique mais uma vez, deve existir e deve estar no in useestado.
• Se todas as validações forem aprovadas, os dados do formulário estarão prontos para uso / processo

Você pode vincular o identificador à sessão, endereço IP do usuário e / ou usar limites de tempo para melhorar a segurança.

NOTA Esse tipo de CAPTCHA funciona apenas quando o JavaScript está ativado!

OBSERVAÇÃO (editar 1) Como o @crazypotato afirmou, existem algumas ferramentas de automação que podem executar JavaScript; essas ferramentas também são capazes de enviar a solicitação AJAX adequada e acionar o evento Click na div da caixa de seleção.

NOTA (editar 2) Observe que um script escrito especificamente em um site ou para interromper um tipo de captcha será executado mais cedo ou mais tarde. Não há proteção definitiva, você só pode fazer os bots (ou seus desenvolvedores) trabalharem mais.

NOTA (editar 3) As etapas e a descrição nesta resposta contêm apenas algumas informações básicas sobre esse tipo de captcha; você sempre precisa adicionar validações e etapas de segurança adicionais para torná-lo mais seguro. Por exemplo, o Google noCaptcha dispara sistematicamente um reCaptcha padrão após 3 "cliques div".

Aqui está o meu código sendo executado sem problemas no PHP:

Lado do Cliente:

<div class="g-recaptcha" data-sitekey="PUBLIC_KEY"></div>

Lado do servidor:

if (isset($_POST['g-recaptcha-response'])) {
    $captcha = $_POST['g-recaptcha-response'];
    $privatekey = "SECRET_KEY";
    $url = 'https://www.google.com/recaptcha/api/siteverify';
    $data = array(
        'secret' => $privatekey,
        'response' => $captcha,
        'remoteip' => $_SERVER['REMOTE_ADDR']
    );

    $curlConfig = array(
        CURLOPT_URL => $url,
        CURLOPT_POST => true,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_POSTFIELDS => $data
    );

    $ch = curl_init();
    curl_setopt_array($ch, $curlConfig);
    $response = curl_exec($ch);
    curl_close($ch);
}

$jsonResponse = json_decode($response);

if ($jsonResponse->success == "true")
    doSomething();
else
    doSomeOtherThing();

:)

Eu vim aqui em minha pesquisa, não vi uma resposta e continuei pesquisando.

Após a minha pesquisa, essa janela ainda estava aberta, por isso estou atualizando esta postagem com minhas descobertas.

Aqui é onde você pode aprender sobre o reCAPTCHA :

http://scraping.pro/no-captcha-recaptcha-challenge/

Basicamente, você adiciona isso à sua página da web:

<script src="https://www.google.com/recaptcha/api.js" >;
<form method="post">
    <div class="g-recaptcha" data-sitekey="[site key issued by google]"></div>
    <input value="submit" type="submit" />
</form>

Para obter suas chaves reCAPTCHA , acesse este site do Google:

https://www.google.com/recaptcha/intro/index.html

Depois de usar as chaves usando o link acima, você poderá se aprofundar na codificação usando as seguintes informações do Google:

https://developers.google.com/recaptcha/

NOTA:

Na documentação do Google:

O script deve ser carregado usando o protocolo HTTPS e pode ser incluído em qualquer ponto da página sem restrição.

Aqui está um exemplo de como eu consegui funcionar:

<html>
<head>
    <title>Contact</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script>
    var onloadCallback = function () {
        grecaptcha.render('dvCaptcha', {
            'sitekey': '<%=ReCaptcha_Key %>',
            'callback': function (response) {
                $.ajax({
                    type: "POST",
                    url: "CS.aspx/VerifyCaptcha",
                    data: "{response: '" + response + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (r) {
                        var captchaResponse = jQuery.parseJSON(r.d);
                        if (captchaResponse.success) {
                            $("[id*=txtCaptcha]").val(captchaResponse.success);
                            $("[id*=lblAlarm]").hide();
                        } else {
                            $("[id*=txtCaptcha]").val("");
                            $("[id*=lblAlarm]").show();
                            var error = captchaResponse["error-codes"][0];
                            $("[id*=lblAlarm]").html("RECaptcha error. " + error);
                        }
                    }
                });
            }
        });
    };
    </script>
</head>
<body>
    <form action="?" method="POST">
        <div id="dvCaptcha" class="g-recaptcha" data-sitekey="[site key issued by google]"></div>
        <br />
        <asp:Button ID="btnSubmit" runat="Server" Text="Send" OnClick="btnSubmit_Click" />
        <asp:Label ID="lblAlarm" runat="server" ForeColor="Red"></asp:Label>
    </form>
</body>
</html>

Se você precisar validar no code-behind do ASP.NET, basta verificar se o controle "g-recaptcha-response" está preenchido:

protected static string ReCaptcha_Key, ReCaptcha_Secret;

protected void btnSubmit_Click(object sender, EventArgs e)
{
    if (!String.IsNullOrEmpty(Request.Form["g-recaptcha-response"]))
    {
        // other code
    } else
    {
       lblAlarm.Text = "reCAPTCHA failed.";
    }
}

Felizmente, alguns de vocês acham isso útil.

Obrigado a todos por sua contribuição para este tópico, é ótimo ver tantas pessoas interessadas na nova ferramenta de recaptcha.

Não consegui encontrar uma implementação .net, por isso criei um controle simples de formulários da web, que você pode encontrar aqui https://github.com/pnmcosta/recaptchav2dotnet