🔔

Conte um pouco como nosso site te ajudou em algum momento.



Como Integrar o ReCaptcha em seu site


Faça uma pequena doação para manter o site! Assim ajudará a desenvolver conteúdos e tutoriais de qualidade!



Postado em: 14/10/2017 18:40:42
Publicidade


Hoje em dia um dos problemas em nosso site é aquele acumulo de SPAM que recebemos através de nossos formulários, são muitos robos trabalhando para encher nossa caixa de e-mail pensando nisso alguns desenvolvedores criaram um metodo para verificar se quem está enviando é um robo ou não, existe varios métodos nem sempre é fácil de instalar um NoCaptcha ou um ReCaptcha por isso criei mais uma videoaula com essa super dica para você.

Não deixe de compartilhar com seus contatos essa super dica, se você gostar deixe seu "joinha" isso nós ajuda muito, então vamos para mais um tutorial.

Obtendo o ReCaptcha

Passo 1

Primeiro, precisamos obter a chave da API, para isso, vá até o site: https://www.google.com/recaptcha/admin. Para acessar a página você precisa efetuar login com sua conta do Google.  Será pedido que você registre seu site, então dê um nome para que você possa identificá-lo por exemplo "Meu site de video aulas" logo apois você precisa informar para qual dominio vai funcionar a API como por exemplo "jonathanmoreira.com.br"[NOTICIA]

reCaptcha, como instalar em meu site

Passo 2

Com isso feito, você verá a chave do seu site e a chave secreta de parceiro:

Site key

Passo 3

Precisamos importar a biblioteca javaScript que o Google disponibiliza, essa biblioteca é que faz o ReCaptcha funcionar em seu site.

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

 

Passo 4

Agora precisamos incluir em nosso código uma div que o Google disponibiliza para que seja apresentado o ReCaptcha, você poderá adicionar em qualquer parte dentro da sua tag form

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

Nota: o atributo data-sitekey deverá conter o valor da sua chave, não o valor desse exemplo.

Há outros atributos que você pode adicionar para customizar o visual e a funcionalidade do seu ReCaptcha. Por exemplo, adicionando o atributo data-theme="dark" a esse elemento div, retornará uma versão escura do ReCaptcha, que talvez combine melhor com a sua interface:

modo dark do ReCaptcha

 

Passo 5

Para integrar com nosso PHP basta seguir o código abaixo

 <?php
 $captcha = $_POST['g-recaptcha-response'];
 if($captcha != ''){
    $secreto = 'SUA_CHAVE_SECRETA';
    $ip      = $_SERVER['REMOTE_ADDR'];
    $var     = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=$secreto&response=$captcha&remoteip=$ip");
    $resposta = json_decode($var, true);
    if($resposta['success']){
   
        // seu código de envio aqui
    }else{
        echo 'A verificação não foi autenticada, gentileza tentar novamente';
    }
 }else{
    echo 'Voc~e não selecionou o recaptcha';
 }
 ?>

Não se esqueça de alterar a chave para a que você criou.

Se você gostou desse tutorial compartilhe e siga-nos no Facebook.

 

copyright ©2012 - 2020 JM Jonathan Moreira - Todos os direitos reservados