{"id":201,"date":"2019-04-26T21:07:14","date_gmt":"2019-04-26T21:07:14","guid":{"rendered":"https:\/\/avantutor.com\/blog\/?p=201"},"modified":"2019-04-26T21:07:16","modified_gmt":"2019-04-26T21:07:16","slug":"adding-recaptcha-to-php-form","status":"publish","type":"post","link":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/","title":{"rendered":"Adding &#8216;I am not a robot&#8217; reCAPTCHA to PHP Form"},"content":{"rendered":"\n<p>Here what I did to add a &#8216;I am not a robot&#8217; reCAPTCHA box to my PHP form. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1 (Register Site with reCAPTCHA)<\/h2>\n\n\n\n<p><strong>Go to<\/strong> <a href=\"https:\/\/www.google.com\/recaptcha\/admin\">https:\/\/www.google.com\/recaptcha\/admin <\/a><\/p>\n\n\n\n<p><strong>Register<\/strong> your site <\/p>\n\n\n\n<p><strong>Select<\/strong> reCAPTCHA v2Verify requests with a challenge <\/p>\n\n\n\n<p>Then <strong>select<\/strong> &#8220;I&#8217;m not a robot&#8221; Checkbox<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"878\" src=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-1024x878.png\" alt=\"Screenshot of selecting reCAPTCHA v2 type and then &quot;I'm not a robot Checkbox&quot;\" class=\"wp-image-203\" srcset=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-1024x878.png 1024w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-300x257.png 300w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-768x659.png 768w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-1140x978.png 1140w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-552x473.png 552w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM.png 1490w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Register new site with reCAPTCHA<br><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2 (Get Site Key and Secret Key)<\/h2>\n\n\n\n<p>Take note if your <strong>SITE<\/strong> and <strong>SECRET<\/strong> KEYS<\/p>\n\n\n\n<p>Go to settings in your reCAPTCHA admin console and click on reCAPTCHA keys<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-1024x616.png\" alt=\"Screenshot of link to display reCAPTCHA Keys\" class=\"wp-image-204\" srcset=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-1024x616.png 1024w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-300x180.png 300w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-768x462.png 768w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-1140x686.png 1140w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM-552x332.png 552w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.39.16-PM.png 1380w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> Keep the following page open or temporarily <strong>copy keys<\/strong> to a text editor<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"777\" src=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-1024x777.png\" alt=\"Screenshot of displaying reCAPTCHA site and secret keys\" class=\"wp-image-206\" srcset=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-1024x777.png 1024w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-300x228.png 300w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-768x583.png 768w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-1140x865.png 1140w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM-552x419.png 552w, https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-2.44.46-PM.png 1814w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3 (Add Script to Front End)<\/h2>\n\n\n\n<p>Add reCAPTCHA javascript inside your head tags <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head>\n...\n&lt;script src=\"https:\/\/www.google.com\/recaptcha\/api.js\">&lt;\/script> \n...\n&lt;\/head><\/code><\/pre>\n\n\n\n<p> Add reCAPTCHA box inside your form tag. Don&#8217;t forget to <strong>INSERT YOUR SITE KEY<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form name=\"FORM_NAME\" method=\"post\" action=\"DESTINATION_ACTION\">\n...\n&lt;div class=\"g-recaptcha\" data-sitekey=\"INSERT_YOUR_SITE_KEY\">&lt;\/div>\n...\n&lt;\/form><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4 (BACKEND PHP)<\/h2>\n\n\n\n<p>In your DESTINATION_ACTION php file insert the following code block. Don&#8217;t forge to <strong>INSERT YOUR SECRET KEY<\/strong>.  Not your site key!  <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if(isset($_POST['g-recaptcha-response'])) {\n   \/\/ RECAPTCHA SETTINGS\n   $captcha = $_POST['g-recaptcha-response'];\n   $ip = $_SERVER['REMOTE_ADDR'];\n   $key = 'INSERT SECRET KEY HERE';\n   $url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify';\n\n   \/\/ RECAPTCH RESPONSE\n   $recaptcha_response = file_get_contents($url.'?secret='.$key.'&amp;response='.$captcha.'&amp;remoteip='.$ip);\n   $data = json_decode($recaptcha_response);\n\n   if(isset($data->success) &amp;&amp;  $data->success === true) {\n   }\n   else {\n      die('Your account has been logged as a spammer, you cannot continue!');\n   }\n }<\/code><\/pre>\n\n\n\n<p>When human validation fails the user sees the following message<\/p>\n\n\n\n<p>&#8220;Your account has been logged as a spammer, you cannot continue!&#8221;<\/p>\n\n\n\n<p>Bam What!  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here what I did to add a &#8216;I am not a robot&#8217; reCAPTCHA box to my PHP form. Step 1 (Register Site with reCAPTCHA) Go to https:\/\/www.google.com\/recaptcha\/admin Register your site Select reCAPTCHA v2Verify requests with a challenge Then select &#8220;I&#8217;m&#8230; <a class=\"more-link\" href=\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[8,39],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding &#039;I am not a robot&#039; reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding<\/title>\n<meta name=\"description\" content=\"Here what I did to add a &#039;I am not a robot&#039; reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding &#039;I am not a robot&#039; reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\" \/>\n<meta property=\"og:description\" content=\"Here what I did to add a &#039;I am not a robot&#039; reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\" \/>\n<meta property=\"og:site_name\" content=\"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-26T21:07:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-26T21:07:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-1024x878.png\" \/>\n<meta name=\"author\" content=\"avansardar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"avansardar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\",\"url\":\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\",\"name\":\"Adding 'I am not a robot' reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\",\"isPartOf\":{\"@id\":\"https:\/\/avantutor.com\/blog\/#website\"},\"datePublished\":\"2019-04-26T21:07:14+00:00\",\"dateModified\":\"2019-04-26T21:07:16+00:00\",\"author\":{\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e\"},\"description\":\"Here what I did to add a 'I am not a robot' reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.\",\"breadcrumb\":{\"@id\":\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/avantutor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding &#8216;I am not a robot&#8217; reCAPTCHA to PHP Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/avantutor.com\/blog\/#website\",\"url\":\"https:\/\/avantutor.com\/blog\/\",\"name\":\"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\",\"description\":\"Looking for expert advice on how to improve your coding skills? The AvanTutor blog provides a wealth of resources and insights to help you become a better programmer. Our experienced tutors share tips and tricks for mastering popular programming languages such as Java, and JavaScript, as well as insights into the latest trends in software development. With regular updates and engaging content, the AvanTutor blog is your go-to resource for all things coding.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/avantutor.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e\",\"name\":\"avansardar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g\",\"caption\":\"avansardar\"},\"url\":\"https:\/\/avantutor.com\/blog\/author\/avansardar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding 'I am not a robot' reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","description":"Here what I did to add a 'I am not a robot' reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/","og_locale":"en_US","og_type":"article","og_title":"Adding 'I am not a robot' reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","og_description":"Here what I did to add a 'I am not a robot' reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.","og_url":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/","og_site_name":"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","article_published_time":"2019-04-26T21:07:14+00:00","article_modified_time":"2019-04-26T21:07:16+00:00","og_image":[{"url":"https:\/\/avantutor.com\/blog\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-26-at-1.32.29-PM-1024x878.png"}],"author":"avansardar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"avansardar","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/","url":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/","name":"Adding 'I am not a robot' reCAPTCHA to PHP Form - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","isPartOf":{"@id":"https:\/\/avantutor.com\/blog\/#website"},"datePublished":"2019-04-26T21:07:14+00:00","dateModified":"2019-04-26T21:07:16+00:00","author":{"@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e"},"description":"Here what I did to add a 'I am not a robot' reCAPTCHA box to my PHP form. Includes both frontend and backend instructions.","breadcrumb":{"@id":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/avantutor.com\/blog\/adding-recaptcha-to-php-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/avantutor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Adding &#8216;I am not a robot&#8217; reCAPTCHA to PHP Form"}]},{"@type":"WebSite","@id":"https:\/\/avantutor.com\/blog\/#website","url":"https:\/\/avantutor.com\/blog\/","name":"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","description":"Looking for expert advice on how to improve your coding skills? The AvanTutor blog provides a wealth of resources and insights to help you become a better programmer. Our experienced tutors share tips and tricks for mastering popular programming languages such as Java, and JavaScript, as well as insights into the latest trends in software development. With regular updates and engaging content, the AvanTutor blog is your go-to resource for all things coding.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/avantutor.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e","name":"avansardar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g","caption":"avansardar"},"url":"https:\/\/avantutor.com\/blog\/author\/avansardar\/"}]}},"_links":{"self":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/201"}],"collection":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":2,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/201\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}