Google yeni RECAPTCHA uygulamasi [php] 3

Dunyada binlerce sitede kullanilan guvenlik uygulamasinin yeni versiyonu eskisine nazaran cok yenilikci bir yonuyle hayatimiza giris yapti. Ozellikle kotu niyetli botlara ve yazilimlara karsi kendisini cok gelistiren bu uygulama, devamli ve gercek ziyaretcilerin guvenlik uygulamasindan kolayca gecmesini sagliyor. Elde ettigi verilere dayanarak kullanici analizi yaparak kimin bot, kimin gercek kullanici oldugunu biliyor ve ona gore guvenlik sorusu cikariyor, yada izin veriyor.

Uygulamayi php ile hazirlayalim, ilerleyen donemlerde herkesin kullanacagina eminim. Hatda suanda bir cok buyuk web sitesinde gormeye baslamissinizdir. Bunlarin arasinda Snapchat, WordPress, Humble Bundle gibi dunya buyukleride yer aliyor. O zaman bizde kullanalim 🙂

DownloadDemo

hero-recaptcha-demo

1. Adim

Oncelikle Google RECAPTCHA sayfasindan sitemizi ekleyerek site key ve site secret kodlarimizi olusturuyoruz. Ornek resim asagida:

reCAPTCHA   facile pour les humains  difficile pour les robots

Sonrasinda site key ve site secret kodlarini goreceksiniz. Site Key kismindaki ID bizim RECAPTCHA formumuzun gorunmesini saglayacak olan html etiketinde kullanacagimiz anahtar olacak. Ornek asagidaki gibi bir sekilde RECAPTCHA miz gorunur olacak:

Ancak bundan onceye RECAPTCHA’miniz calisabilmesi icin gerekli olan javascript dosyamizi sayfamiza cagiralim. Asagidaki kod sayfanin ust taraflarinda olursa daha iyi olacaktir:

Buraya kadar yaptiysaniz RECAPTCHA dogrulama ekranimiz sitemizde yada formumuzda gorunmeye baslayacaktir. Bu ilk adimdi, ikinci adim php tarafinda olacak.

2. Adim

Asagidaki php kodlarini dosyanizin en ustune ekleyin:

Bu islemden sonra HTML arayuzumuzu yani form kismini hazirlayalim. asagidaki kodlari formunuzda bir yere ekleyin:

Ben php kisminda gerekli olan degiskenler icin bolum ayirdim, gerekli parametrelerinizi oraya girin, HTML kisminda form alanina ekleyeceginiz kodlarda bu degiskenler tanimli olacak, ancak siz isterseniz bu alani kendinize gore duzenleyebilir yada degistirebilirsiniz.

HTML tarafinda kullanacagimiz kodu form etiketleri arasinda kullanamaniz daha saglikli olacaktir.

Simdide sira hata yada basari durumunda ekrana yazdiracagimiz kodlarimizi eklemede. Asagidaki kodlari bilgi mesajlarini nerde gostermek istiyorsaniz oraya ekleyin:

Bu islemlerden sonra guvenlik kodu uygulamamiz basarili sekilde kullanima acilmis olacaktir. Basit ve butun anlatimi icerisinde barindiran kodlarimizin tamamini asagida paylasiyorum. Gerekli olan site key ve secret alanlarini kendi domain (site adresiniz)’e gore duzenledikten sonra kullanmaya baslayabilirsiniz.

Ornek kodlarin tamami

Bu anlatimim buraya kadar, anlamadiginiz yerler olursa transa gecin, ben sizi bulurum 🙂

5 Yorumlar

  1. Hocam çok güzel anlatım olmuş teşekkür ederim fakat bir sorun yaşıyorum. Form içerisine action ile smtp sayfasına yönlendirme yaptığımda Ben robot değilim butonuna tık koymasam bile devam ediyor. Smtp kodlarını sayfanın alt kısmına çekip action tamamen kaldırdım bu defa da sürekli olarak reCAPTCHA’yı tekrar girin uyarısı veriyor. Nerde hata yapıyor olabilirim ?

    • Konuda yer alan php kodlarini smtp sayfasinin en ustune ekleyin ve o sekilde kontrol edin. Php kodlarinin icerisinde kontrol bolumleri var, hatali yada dogru oldugu durumlarda yapilacak islemleri orda yonlendirebilirsiniz.

    • Form icinde guvenlik kodunu gostermek istediginiz yere asagidaki kodlari ekleyin:

      Google den aldiginiz key’ide kod icerisindeki bu alana girin: Site_key_kodunuzu_buraya_yazin

      sonrasinda mailgonder.php dosyasinin icerisinede asagidaki php kodlarini ekleyin: kodun ustundeki key ve secret kod kisimlarini kendinize gore duzenlemeyi unutmayin.

      Bu kadar, kod da da goreceginiz gibi guvenlik kodu dogru ise // dogrulama kodu dogru ise kismi acilacaktir, degil ise alt daki alan acilacaktir. Bu alanlara yapilacak islemi iceren php kodlarinizi ekleyebilirsiniz.

Bir Cevap Yazın