Inserir O ReCAPTCHA em um formulário de contato do Site

Aprenda de modo fácil, como Inserir O ReCAPTCHA em um formulário de contato do site. O reCAPTCHA é uma nova ferramenta do Google para proteger seu site contra SPAM BOT. Ele vem de uma ideia inovadora, pois até então os captchas eram vistos como um obstáculo ao invés auxiliar os usuários. Com o reCAPTCHA isso é diferente, pois tudo que o usuário precisa fazer é clicar em um checkbox, confirmando que não é um robô e selecionando imagens idênticas, caso seja solicitada pelo reCaptcha.

Vamos ensinar como criar um reCaptcha com formulários smarty em páginas TPL, utilizando também o PHP
Antes de tudo você deve ter uma conta no Google, para acessar a página.
Criar reCAPTCHA

Depois clique em: Get reCAPTCHA – um botão azul no topo direito.

Cadastre seu site e copie suas chaves puclica e privada. Veja a ilustração na imagem a seguir:

Siga para inserir O ReCAPTCHA em um formulário

Já li muitos artigos ensinando o editor inserir reCaptcha em um formulário de envio de e-mail, mas essa foi a única forma que eu encontrei para fazê-lo funcionar usando o form action – method=’POST’

Pegando um Script aqui, outro ali, eu juntei as peças e no meu caso funcionou perfeitamente. Mas lembro, que estou utilizando PHP – Smarty, com páginas .TPL e pode funcionar em páginas PHP, modificando alguns parâmetros.

Mãos a Obra.

Primeiro criei o formulário de contato usando o method=’POST’

Em seguida colei o código javascript entre as tags <head></head>

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

Já entre as Tags <form></form> Eu coloquei a DIV que o Google fornece com a public_key
O ideal é adicionar essa div antes do botão submit.

<div class="g-recaptcha" data-sitekey="SUA-CHAVE-PUBLICA"></div>

Depois é só acessar a página .PHP que processa o formulário de envio e adicionar o seguinte código:

<?php if(isset($_POST['submit'])){ $user_response = $_POST['g-recaptcha-response']; $secret_key = SUA-CHAVE-PRIVADA AQUI; $ip_local = $_SERVER["REMOTE_ADDR"]; $test = json_decode(file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret_key.'&response='.$user_response.'&remoteip='.$ip_local.'')); if($test->{'success'} == true){

// NESTA PARTE FICA A CLASSE QUE VAI VALIDAR O PROCESSAMENTO DA MENSAGEM E ENVIAR
//daqui em diante vai processar se tiver erros

} else { echo '<script> alert(\'Ops: Por favor selecione o checkbox, para autorizar o envio da mensagem\'); </script>'; echo "<script type='text/javascript'>history.go(-1)</script>"; } } ?>

Pronto. Faça o teste.
Se você usa página em puro PHP, tente fazer da mesma forma, embora meu conselho é: coloque um include() na página do formulário, para a página que processa.
Vamos fazer os testes em formulários para WordPress e em seguida postamos o artigo aqui.

Confira ofertas de produtos da Apple

iPhone - Melhores Ofertas


Ir a Loja

Apple Watch - Lista de ofertas


Ir a Loja

Apple iPad - Confira Ofertas


Ir a Loja

MacBook - Confira Ofertas


Ir a Loja
Fone de Ouvido Apple Airpods

Ir a Loja
Airtag e Acessórios Apple

Ir a Loja


Tem alguma crítica ou elogio? Deixe uma mensagem no formulário abaixo.

Deixe Seu Comentário Para Esta Postagem

iCloud Tutoriais
Logo