Como implementar reCAPTCHA do google no meu site?
Para implementar o reCAPTCHA do Google em seu site, você precisará seguir os seguintes passos:
-
Primeiro, você precisa se cadastrar no site do Google reCAPTCHA em https://www.google.com/recaptcha. Ao clicar em “Configurar reCAPTCHA”, você será redirecionado para uma nova página.
-
No formulário de registro, preencha o “Nome do site” e escolha o tipo de reCAPTCHA que deseja usar. Existem dois tipos disponíveis: reCAPTCHA v2 e reCAPTCHA v3.
- O reCAPTCHA v2 é o método mais comum e pode ser apresentado como uma caixa de seleção (“Não sou um robô”) que o usuário precisa marcar antes de enviar o formulário.
- O reCAPTCHA v3 é invisível para o usuário, analisando o comportamento no site para detectar possíveis bots. Ele atribui uma pontuação de 0 a 1 à atividade do usuário e cabe a você definir um limite para bloquear ações suspeitas.
-
Adicione os domínios aos quais o reCAPTCHA será aplicado. Insira o domínio do seu site (por exemplo, “www.exemplo.com”). Se você tiver diferentes subdomínios, pode adicioná-los também.
-
Após o registro, o Google fornece duas chaves: a chave do site (Site Key) e a chave secreta (Secret Key). Essas chaves serão usadas para integrar o reCAPTCHA ao seu site.
-
Agora você precisará adicionar o código HTML do reCAPTCHA ao seu formulário. Adicione o seguinte código no local onde deseja exibir o reCAPTCHA:
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="g-recaptcha" data-sitekey="Site Key"></div>
Certifique-se de substituir “Site Key” pela sua própria chave do site.
- Por fim, você precisará validar o reCAPTCHA no lado do servidor ao processar o envio do formulário. Você pode usar a biblioteca do Google reCAPTCHA em sua linguagem de programação preferida para fazer isso. Aqui está um exemplo de como fazer isso em PHP utilizando a biblioteca oficial do Google:
<?php
$recaptcha_response = $_POST['g-recaptcha-response'];
$url = 'https://www.google.com/recaptcha/api/siteverify';
$data = array(
'secret' => 'Secret Key',
'response' => $recaptcha_response
);
$options = array(
'http' => array (
'method' => 'POST',
'content' => http_build_query($data)
)
);
$context = stream_context_create($options);
$verify = file_get_contents($url, false, $context);
$response = json_decode($verify);
if($response->success) {
// O reCAPTCHA foi validado com sucesso, você pode continuar com o processamento do formulário.
} else {
// O reCAPTCHA falhou, você deve lidar com isso adequadamente (por exemplo, exibindo uma mensagem de erro).
}
?>
Certifique-se de substituir “Secret Key” pela sua própria chave secreta.
Essas são as etapas básicas para implementar o reCAPTCHA do Google em seu site. Lembre-se de personalizá-lo de acordo com o design e os requisitos do seu site.