{"id":7303,"date":"2019-05-16T07:44:00","date_gmt":"2019-05-16T07:44:00","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=7303"},"modified":"2019-05-16T08:04:44","modified_gmt":"2019-05-16T08:04:44","slug":"como-agregar-google-recaptcha-en-tus-formularios","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/","title":{"rendered":"Google reCAPTCHA &#8211; C\u00f3mo agregar en tus formularios"},"content":{"rendered":"<p>Agrega <strong>Google reCAPTCHA<\/strong> en tus formularios y evita que los robots vulneren la seguridad de tu sitio Web.<\/p>\n<p>\u00bfEst\u00e1s recibiendo correo electr\u00f3nico masivo (spam) desde alguno de los formularios de tu p\u00e1gina Web? \u00bfSe est\u00e1n registrando en tu sitio Web usuarios extra\u00f1os de forma masiva? \u00bfTe est\u00e1n llegando mensajes rusos o chinos sin sentido?<\/p>\n<p><strong>reCAPTCHA<\/strong> es un servicio gratuito que ofrece <strong>Google<\/strong> para\u00a0 proteger tu sitio web del spam y del abuso. Es una de las formas m\u00e1s populares para parar los bots.<\/p>\n<p>Adem\u00e1s utiliza un avanzado motor de an\u00e1lisis de riesgos y desaf\u00edos adaptativos para evitar que el software automatizado participe en actividades abusivas en tu sitio.<\/p>\n<p>Con la instalaci\u00f3n de <strong>reCAPTCHA<\/strong>, los usuarios pueden rellenar los formularios de tu sitio Web con facilidad pero no as\u00ed los robots.<\/p>\n<p><strong>Google reCAPTCHA<\/strong> garantiza una seguridad avanzada. Lo \u00faltimo en protecci\u00f3n contra el spam y el abuso para un sitio Web de forma gratuita.<\/p>\n<p><strong>Google reCAPTCHA<\/strong> est\u00e1 construido para la seguridad. Equipado con la tecnolog\u00eda m\u00e1s avanzada y siempre a la vanguardia de las tendencias de la lucha contra el spam y el abuso.<\/p>\n<p>El dise\u00f1o y la l\u00f3gica que el usuario debe seguir para habilitar un formulario en tu sitio Web son f\u00e1ciles para las personas pero no son f\u00e1ciles de adivinar para los robots.<\/p>\n<p>Los usuarios deben emplear una peque\u00f1a l\u00f3gica, principalmente a trav\u00e9s de im\u00e1genes asociativas para poder enviar el formulario. Una l\u00f3gica simple que los robots no pueden adivinar.<\/p>\n<p>El c\u00f3digo <strong>CAPTCHA<\/strong> puede ser pensado y realizado por un programador pero <strong>reCAPTCHA<\/strong> hace un uso positivo de este esfuerzo humano canalizando el tiempo dedicado a resolver <strong>CAPTCHAs<\/strong> en la anotaci\u00f3n de im\u00e1genes y la creaci\u00f3n de conjuntos de datos de aprendizaje autom\u00e1tico.<\/p>\n<p>La creaci\u00f3n de valor de tu sitio Web tambi\u00e9n queda garantizada ya que te aseguras que la gente que te contacta o env\u00eda tus formularios sean personas humanas.<\/p>\n<h3>Creaci\u00f3n del Google reCAPTCHA<\/h3>\n<p>Instalar <strong>Google reCAPTCHA<\/strong> en tu sitio Web es bastante sencillo si tienes conocimientos t\u00e9cnicos en materia de creaci\u00f3n de p\u00e1ginas Webs.<\/p>\n<p>En primer lugar, debes crear el <strong>reCAPTCHA<\/strong> que m\u00e1s se ajuste a tus necesidades desde:<\/p>\n<p><a href=\"https:\/\/www.google.com\/recaptcha\/\">https:\/\/www.google.com\/recaptcha\/<\/a><\/p>\n<p>Debes tener una cuenta de <strong>Google<\/strong> para crear los <strong>reCAPTCHA<\/strong> para tus sitios Webs.<\/p>\n<p>Para crear un <strong>reCAPTCHA<\/strong> tan solo debes pulsar en el bot\u00f3n \u201c+\u201d que aparece por la parte derecha del Admin console.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/formulario-crear-recaptcha.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7304 size-full\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/formulario-crear-recaptcha.png\" alt=\"Google reCAPTCHAformulario de creaci\u00f3n de las claves\" width=\"988\" height=\"967\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/formulario-crear-recaptcha.png 988w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/formulario-crear-recaptcha-300x294.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/formulario-crear-recaptcha-768x752.png 768w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/a><\/p>\n<p>Para registrar un nuevo sitio web debes especificar:<\/p>\n<ul>\n<li><strong>Etiqueta<\/strong>: Sirve para identificar el sitio Web. Lo ideal es escribir el dominio donde vamos a emplear el <strong>reCAPTCHA<\/strong>.<\/li>\n<li><strong>Tipo de reCAPTCHA<\/strong>: <strong>reCAPTCHA v3<\/strong> y <strong>reCAPTCHA v2.<\/strong><\/li>\n<li><strong>Dominios<\/strong>: Si el <strong>reCAPTCHA<\/strong> lo vas a usar en distintos dominios puedes especificarlo en esta lista.<\/li>\n<li><strong>Preferencia de seguridad<\/strong>: Puedes definir varios grados de seguridad. La m\u00e1s f\u00e1cil para los usuarios, nivel intermedio o la m\u00e1s segura.<\/li>\n<\/ul>\n<p>Existen varios tipos de <strong>reCAPTCHA<\/strong>:<\/p>\n<ul>\n<li><strong>reCATPCHA v3<\/strong> para verificar las solicitudes con una puntuaci\u00f3n.<\/li>\n<li><strong>reCAPTCHA v2<\/strong> para verificar las solicitudes con un reto.<\/li>\n<\/ul>\n<p>La opci\u00f3n m\u00e1s antigua (<strong>reCAPTCHA v2<\/strong>) permite:<\/p>\n<ul>\n<li>Utilizar la casilla \u201c<em>No soy un robot<\/em>\u201d que valida solicitudes con la casilla \u201c<em>No soy un robot<\/em>\u201d. El usuario debe checkear una casilla y a menudo aparece una interfaz para conseguir un reto. Por ejemplo, mostrar x im\u00e1genes y seleccionar las im\u00e1genes que contengan un sem\u00e1foro.<\/li>\n<li>Utilizar la Insignia de <strong>reCAPTCHA<\/strong> invisible para validar solicitudes en segundo plano.<\/li>\n<li>Utilizar <strong>reCAPTCHA<\/strong> para <strong>Android<\/strong> que permite validar solicitudes en tu aplicaci\u00f3n para <strong>Android<\/strong>.<\/li>\n<\/ul>\n<p>Al guardar el formulario de registro del <strong>reCAPTCHA<\/strong> te aparece la clave del sitio Web y la clave secreta que debes copiar para agregarlas en el script de tu p\u00e1gina Web.<\/p>\n<p>Si deseamos utilizar <strong>Google reCAPTCHA v2<\/strong> con la casilla \u201cNo soy un robot\u201d, el m\u00e9todo m\u00e1s sencillo para presentar el widget <strong>reCAPTCHA<\/strong> en tu p\u00e1gina Web es incluir el recurso <strong>JavaScript<\/strong> necesario y una etiqueta g-recaptcha dentro de tu formulario.<\/p>\n<h3>Inclusi\u00f3n del API<\/h3>\n<p>Agrega el siguiente c\u00f3digo dentro de la cabecera o dentro de la etiqueta &lt;head&gt;:<\/p>\n<div id=\"wpshdo_1\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_1\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_1\"><\/a><a id=\"wpshat_1\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_1\"  onClick=\"javascript:wpsh_toggleBlock(1)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_code(1)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_print(1)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_1\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"html4strict\" style=\"font-family:monospace;\"><span class=\"sc2\">&lt;<a href=\"http:\/\/december.com\/html\/4\/element\/script.html\"><span class=\"kw2\">script<\/span><\/a> <span class=\"kw3\">src<\/span><span class=\"sy0\">=<\/span><span class=\"st0\">&quot;https:\/\/www.google.com\/recaptcha\/api.js&quot;<\/span>&gt;&lt;<span class=\"sy0\">\/<\/span><a href=\"http:\/\/december.com\/html\/4\/element\/script.html\"><span class=\"kw2\">script<\/span><\/a>&gt;<\/span><\/pre><\/div><\/div>\n<p>Donde estamos incluyendo la API para utilizar el <strong>reCAPTCHA<\/strong>.<\/p>\n<h3>Contenedor reCAPTCHA<\/h3>\n<p>La etiqueta g-recaptcha es un elemento DIV con el nombre de la clase \u201cg-recaptcha\u201d y la clave del sitio en el atributo data-sitekey.<\/p>\n<p>Dentro del formulario que quieres evitar el spam o abuso debes agregar justo antes del bot\u00f3n de enviar o donde tu quieras:<\/p>\n<div id=\"wpshdo_2\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_2\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_2\"><\/a><a id=\"wpshat_2\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_2\"  onClick=\"javascript:wpsh_toggleBlock(2)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_code(2)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_print(2)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_2\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"html4strict\" style=\"font-family:monospace;\"><span class=\"sc2\">&lt;<a href=\"http:\/\/december.com\/html\/4\/element\/div.html\"><span class=\"kw2\">div<\/span><\/a> <span class=\"kw3\">class<\/span><span class=\"sy0\">=<\/span><span class=\"st0\">&quot;g-recaptcha&quot;<\/span> data-sitekey<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;TU CLAVE DEL SITIO AQU\u00cd&quot;<\/span> data-callback<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;correctCaptcha&quot;<\/span>&gt;&lt;<span class=\"sy0\">\/<\/span><a href=\"http:\/\/december.com\/html\/4\/element\/div.html\"><span class=\"kw2\">div<\/span><\/a>&gt;<\/span><\/pre><\/div><\/div>\n<p>Como resultado puedes ver en tus formularios el siguiente bloque reCAPTCHA:<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/google-recaptcha-formulario-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7305 size-full\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/google-recaptcha-formulario-web.png\" alt=\"Google reCAPTCHA - No soy un robot dentro del formulario\" width=\"481\" height=\"559\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/google-recaptcha-formulario-web.png 481w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/google-recaptcha-formulario-web-258x300.png 258w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/><\/a><\/p>\n<h3>Recepci\u00f3n de los datos del formulario con PHP<\/h3>\n<p>El c\u00f3digo <strong>PHP<\/strong> que recibe la informaci\u00f3n del formulario y permite verificar el estado del elemento <strong>reCAPTCHA<\/strong> puede ser algo como lo que sigue:<\/p>\n<div id=\"wpshdo_3\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_3\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_3\"><\/a><a id=\"wpshat_3\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_3\"  onClick=\"javascript:wpsh_toggleBlock(3)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_3\" onClick=\"javascript:wpsh_code(3)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_3\" onClick=\"javascript:wpsh_print(3)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_3\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"php\" style=\"font-family:monospace;\"><span class=\"kw2\">&lt;?php<\/span>\n<span class=\"kw1\">if<\/span> <span class=\"br0\">&#40;<\/span><a href=\"http:\/\/www.php.net\/isset\"><span class=\"kw3\">isset<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$_POST<\/span><span class=\"br0\">[<\/span><span class=\"st_h\">'submitForm'<\/span><span class=\"br0\">]<\/span><span class=\"br0\">&#41;<\/span><span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span>\n    <span class=\"re0\">$captcha_response<\/span> <span class=\"sy0\">=<\/span> <span class=\"kw4\">true<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$recaptcha<\/span> <span class=\"sy0\">=<\/span> <span class=\"re0\">$_POST<\/span><span class=\"br0\">[<\/span><span class=\"st_h\">'g-recaptcha-response'<\/span><span class=\"br0\">]<\/span><span class=\"sy0\">;<\/span>\n&nbsp;\n    <span class=\"re0\">$url<\/span> <span class=\"sy0\">=<\/span> <span class=\"st_h\">'https:\/\/www.google.com\/recaptcha\/api\/siteverify'<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$data<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/array\"><span class=\"kw3\">array<\/span><\/a><span class=\"br0\">&#40;<\/span>\n        <span class=\"st_h\">'secret'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"st_h\">'6LcPn6MUAAAAAGMPw-wB4AXjlj0eDFA-8IMobSj0'<\/span><span class=\"sy0\">,<\/span>\n        <span class=\"st_h\">'response'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"re0\">$recaptcha<\/span>\n    <span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$options<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/array\"><span class=\"kw3\">array<\/span><\/a><span class=\"br0\">&#40;<\/span>\n        <span class=\"st_h\">'http'<\/span> <span class=\"sy0\">=&gt;<\/span> <a href=\"http:\/\/www.php.net\/array\"><span class=\"kw3\">array<\/span><\/a> <span class=\"br0\">&#40;<\/span>\n            <span class=\"st_h\">'method'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"st_h\">'POST'<\/span><span class=\"sy0\">,<\/span>\n            <span class=\"st_h\">'content'<\/span> <span class=\"sy0\">=&gt;<\/span> <a href=\"http:\/\/www.php.net\/http_build_query\"><span class=\"kw3\">http_build_query<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$data<\/span><span class=\"br0\">&#41;<\/span>\n        <span class=\"br0\">&#41;<\/span>\n    <span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$context<\/span>  <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/stream_context_create\"><span class=\"kw3\">stream_context_create<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$options<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$verify<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/file_get_contents\"><span class=\"kw3\">file_get_contents<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$url<\/span><span class=\"sy0\">,<\/span> <span class=\"kw4\">false<\/span><span class=\"sy0\">,<\/span> <span class=\"re0\">$context<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$captcha_success<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/json_decode\"><span class=\"kw3\">json_decode<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$verify<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"re0\">$captcha_response<\/span> <span class=\"sy0\">=<\/span> <span class=\"re0\">$captcha_success<\/span><span class=\"sy0\">-&gt;<\/span><span class=\"me1\">success<\/span><span class=\"sy0\">;<\/span>\n&nbsp;\n    <span class=\"kw1\">if<\/span> <span class=\"br0\">&#40;<\/span><span class=\"re0\">$captcha_response<\/span><span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span>\n        <span class=\"kw1\">echo<\/span> <span class=\"st_h\">'&lt;p class=&quot;alert alert-success&quot;&gt;Procesar datos...&lt;\/p&gt;'<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"br0\">&#125;<\/span> <span class=\"kw1\">else<\/span> <span class=\"br0\">&#123;<\/span>\n        <span class=\"kw1\">echo<\/span> <span class=\"st_h\">'&lt;p class=&quot;alert alert-danger&quot;&gt;Debes indicar que no eres un robot.'<\/span><span class=\"sy0\">;<\/span>\n    <span class=\"br0\">&#125;<\/span>\n<span class=\"br0\">&#125;<\/span>\n<span class=\"sy1\">?&gt;<\/span><\/pre><\/div><\/div>\n<p>Si el usuario ha pulsado el bot\u00f3n \u201cEnviar\u201d del formulario, hacemos una verificaci\u00f3n del elemento <strong>reCAPTCHA<\/strong> para conseguir su respuesta para actuar en consecuencia.<\/p>\n<p>Es importante saber que el script debe cargarse utilizando el protocolo HTTPS y puede incluirse en cualquier punto de la p\u00e1gina sin restricciones.<\/p>\n<h3>Conclusiones<\/h3>\n<p>Probablemente, a d\u00eda de hoy es imprescindible no contar con un elemento de estas caracter\u00edsticas.<\/p>\n<p>Agregar uno de estos elementos en tu p\u00e1gina Web es un seguro que permite evitar que los robots llenen de basura tu base de datos o tu bandeja de entrada.<\/p>\n<p>Si no tienes conocimientos t\u00e9cnicos para hacer esta instalaci\u00f3n en tu sitio Web, solicita presupuesto sin compromiso envi\u00e1ndonos todos los detalles del problema <a href=\"https:\/\/www.jose-aguilar.com\/modulos-prestashop\/es\/soporte\">enviando un ticket al centro de soporte t\u00e9cnico<\/a>.<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-secondary\" href=\"https:\/\/www.jose-aguilar.com\/scripts\/javascript\/recaptcha\/v2\/no-robot\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-eye\"><\/i> Ver demo<\/a> <a class=\"btn btn-primary\" href=\"https:\/\/www.jose-aguilar.com\/scripts\/javascript\/recaptcha\/recaptcha.zip\"><i class=\"fa fa-download\"><\/i> Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.<\/p>\n","protected":false},"author":1,"featured_media":7306,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,14,3,23],"tags":[84,73],"class_list":["post-7303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas","category-javascript","category-php","category-seguridad-web","tag-formularios","tag-seguridad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-16T07:44:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-16T08:04:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/\",\"name\":\"Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png\",\"datePublished\":\"2019-05-16T07:44:00+00:00\",\"dateModified\":\"2019-05-16T08:04:44+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google reCAPTCHA &#8211; C\u00f3mo agregar en tus formularios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog","description":"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog","og_description":"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2019-05-16T07:44:00+00:00","article_modified_time":"2019-05-16T08:04:44+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/","url":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/","name":"Google reCAPTCHA - C\u00f3mo agregar en tus formularios - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png","datePublished":"2019-05-16T07:44:00+00:00","dateModified":"2019-05-16T08:04:44+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"Tutorial y c\u00f3digo de ejemplo que permite agregar en tus formularios Google reCAPTCHA, una de las mejoras t\u00e9cnicas para evitar el spam y abuso de los robots.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/05\/como-agregar-google-recaptcha-en-tus-formularios.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-agregar-google-recaptcha-en-tus-formularios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Google reCAPTCHA &#8211; C\u00f3mo agregar en tus formularios"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=7303"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7303\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7306"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=7303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=7303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=7303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}