Como criar um ReCaptcha do Google

O ReCaptcha do Google é uma ferramenta eficaz para evitar que robôs tentem acertar seus sistemas com usuários e senhas ou enviar SPAMs através de formulários de contato em seu site. Para realizar a configuração do ReCaptcha, você precisa cadastrar seu domínio junto ao Google ReCaptcha.


REGISTRANDO UM RECAPTCHA NO SISTEMA DO GOOGLE

(PASSO 1) Acesse o site do ReCaptcha e clique no botão azul "My ReCaptcha" que está no canto superior direito da página.


(PASSO 2) Caso já tenha uma conta no Google, apenas efetue o login e você será redirecionado para o painel de controle do ReCaptcha.

(PASSO 3) Se não possuir uma conta no Google você deverá seguir os passos cadastrais e por fim você será redirecionado para o painel de controle do ReCaptcha.

(PASSO 4) Na página do painel de controle você verá um formulário para registrar um novo site. Preencha os campos:

  • Label (Identificação do seu site)
  • Choose the type of reCAPTCHA (Selecione o modelo do seu Captcha. Recomendamos o modelo reCAPTCHA v2 - Checkbox)
  • Domains (Os domínios e subdomínios que serão liberados para utilizar este Captcha)
  • Accept the reCAPTCHA Terms of Service (Aceite os Termos de Serviço do sistema do Captcha)
  • Send Alerts do owners (Ativa o envio de e-mails para os proprietários, informando sobre qualquer problema na utilização do Captcha do Google).


(PASSO 5)
 Após preencher todos os campos clique em Register (Registrar).

Neste momento o Captcha foi cadastrado com sucesso. Agora, após efetuar este registro você verá uma página com vários dados para a configuração do ReCaptcha em seus formulários de contato ou em seu site/sistema.


CONFIGURANDO O RECAPTCHA EM SEU SITE

Neste momento serão iniciados os procedimentos técnidos do sistema de RECAPTHA. Siga os passos abaixo:

(PASSO 1) Adicione no cabeçalho da página (<head>) do formulário de contato, o script do ReCaptcha.

<script src='https://www.google.com/recaptcha/api.js'></script>

(PASSO 2) Antes de fechar o seu formulário (</form>), adicione a div do ReCaptcha com o Site Key que foi fornecido depois do registro junto ao sistema do Google.
<div class="g-recaptcha" data-sitekey="|*SEU-SITE-KEY*|"></div>

Pronto! Agora o sistema de validação do ReCaptcha será exibido em seu formulário de contato.

Se você ainda não possui um formulário de contato com validação por ReCaptcha, siga este tutorial: Formulário de contato em PHP com Captcha.
Este artigo foi útil? 3 usuários acharam isso útil