{"id":7360,"date":"2026-04-09T19:03:15","date_gmt":"2026-04-09T18:03:15","guid":{"rendered":"https:\/\/www.k3bone.com\/blog\/?p=7360"},"modified":"2026-04-10T09:58:09","modified_gmt":"2026-04-10T08:58:09","slug":"sustituye-google-recaptcha-por-cloudflare-turnstile-en-tu-web","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2026\/04\/sustituye-google-recaptcha-por-cloudflare-turnstile-en-tu-web\/","title":{"rendered":"Sustituye Google reCAPTCHA por Cloudflare Turnstile en tu web"},"content":{"rendered":"

Qu\u00e9 es Cloudflare Turnstile<\/h2>\n

Cloudflare Turnstile<\/strong>\u00a0es un sistema de verificaci\u00f3n que sustituye a los CAPTCHA tradicionales. En lugar de mostrar desaf\u00edos visuales, ejecuta una serie de comprobaciones JavaScript en el navegador (proof-of-work, pruebas de espacio, detecci\u00f3n de comportamientos humanos) y decide si el visitante es humano o bot sin pedirle interacci\u00f3n.<\/p>\n

Turnstile tiene tres modos de widget: gestionado<\/strong>\u00a0(el recomendado, decide autom\u00e1ticamente si muestra un checkbox o no),\u00a0no interactivo<\/strong>\u00a0(el visitante nunca interact\u00faa con el widget) e\u00a0invisible<\/strong>\u00a0(el widget es completamente oculto). Tambi\u00e9n es compatible con WCAG 2.2 AAA, lo que lo hace accesible para personas con discapacidad. Y no hace falta que tu web pase por la red CDN de Cloudflare: funciona en cualquier sitio, sea cual sea el hosting.<\/p>\n

Seg\u00fan Cloudflare, Turnstile gestiona m\u00e1s de 50 millones de verificaciones diarias y su tasa de resoluci\u00f3n sin interacci\u00f3n supera el 99% en sitios de bajo riesgo.<\/p>\n

Por qu\u00e9 cambiar de Google reCAPTCHA a Turnstile<\/h2>\n

Si llevas tiempo usando\u00a0Google reCAPTCHA<\/strong>, quiz\u00e1 te preguntes si merece la pena cambiar. Hay varias razones para plante\u00e1rselo:<\/p>\n\n\n\n\n\n\n\n\n\n\n
Caracter\u00edstica<\/th>\nGoogle reCAPTCHA v2\/v3<\/th>\nCloudflare Turnstile<\/th>\n<\/tr>\n<\/thead>\n
Interacci\u00f3n del usuario<\/strong><\/td>\npuzzles visuales o seguimiento de comportamiento<\/td>\nsin interacci\u00f3n en la mayor\u00eda de casos<\/td>\n<\/tr>\n
Privacidad<\/strong><\/td>\nrecopila datos de navegaci\u00f3n y los comparte con Google<\/td>\ncentrado en privacidad, sin tracking publicitario<\/td>\n<\/tr>\n
Dependencia<\/strong><\/td>\nvinculado al ecosistema Google<\/td>\nfunciona sin depender de Google<\/td>\n<\/tr>\n
Coste<\/strong><\/td>\ngratis hasta cierto volumen<\/td>\ngratis para los primeros 100.000 dominios, luego planes de pago<\/td>\n<\/tr>\n
Accesibilidad<\/strong><\/td>\nWCAG 2.1 AA (con problemas conocidos)<\/td>\nWCAG 2.2 AAA<\/td>\n<\/tr>\n
Rendimiento<\/strong><\/td>\nimpacta en velocidad de carga<\/td>\nscript m\u00e1s ligero, menor impacto<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

La principal ventaja de Turnstile es la\u00a0experiencia del usuario<\/strong>. Los visitantes no tienen que resolver ning\u00fan puzzle, y en la mayor\u00eda de los casos ni siquiera ven el widget. Menos fricci\u00f3n en formularios de contacto, registros y compras se traduce en m\u00e1s conversiones y menos abandonos.<\/p>\n

En cuanto a privacidad, Google reCAPTCHA recopila informaci\u00f3n de navegaci\u00f3n para sus propios fines publicitarios. Turnstile no utiliza los datos de verificaci\u00f3n con fines de publicidad.<\/p>\n

C\u00f3mo crear un widget de Turnstile en Cloudflare<\/h2>\n

Antes de a\u00f1adir Turnstile a tu web, necesitas crear un widget en el panel de Cloudflare:<\/p>\n

    \n
  1. Crear una cuenta en Cloudflare<\/strong>: Si no tienes una, reg\u00edstrate en\u00a0dash.cloudflare.com<\/a>. Es gratis.<\/li>\n
  2. Acceder a Turnstile<\/strong>: Desde el panel, ve a la secci\u00f3n \u00abTurnstile\u00bb en el men\u00fa lateral.<\/li>\n
  3. Crear un widget<\/strong>: Pulsa \u00abAdd site\u00bb y rellena los datos: un nombre descriptivo (por ejemplo, \u00abFormulario de contacto\u00bb), los dominios donde lo vas a usar y el modo de widget (gestionado, no interactivo o invisible).<\/li>\n
  4. Guardar las claves<\/strong>: Al crear el widget, Cloudflare te da dos claves: la\u00a0sitekey<\/strong>\u00a0(clave p\u00fablica, va en el HTML) y la\u00a0secret key<\/strong> (clave privada, va en el servidor para validar el token). Gu\u00e1rdalas en un lugar seguro.<\/li>\n<\/ol>\n

    La\u00a0sitekey<\/strong>\u00a0se usa en el lado cliente para mostrar el widget. La\u00a0secret key<\/strong>\u00a0se usa en el servidor para verificar que el token es v\u00e1lido. Nunca la expongas en tu c\u00f3digo frontend.<\/p>\n

    \"\"<\/a><\/p>\n

    Implementar Turnstile en una web est\u00e1ndar (HTML + PHP)<\/h2>\n

    La implementaci\u00f3n tiene dos partes: el widget en tu HTML y la validaci\u00f3n del token en PHP. Vamos a ver ambas.<\/p>\n

    Paso 1: A\u00f1adir el script y el widget al formulario<\/h3>\n

    Incluye el script de Turnstile en tu p\u00e1gina HTML y coloca el widget dentro del formulario. Vamos a usar el renderizado impl\u00edcito, el m\u00e1s sencillo para p\u00e1ginas est\u00e1ticas:<\/p>\n

    <!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Formulario de contacto<\/title>\r\n    <!-- Script de Turnstile -->\r\n    <script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\r\n<\/head>\r\n<body>\r\n    <h1>Contacto<\/h1>\r\n    <form action=\"procesar.php\" method=\"POST\">\r\n        <label for=\"nombre\">Nombre:<\/label>\r\n        <input type=\"text\" id=\"nombre\" name=\"nombre\" required>\r\n\r\n        <label for=\"email\">Email:<\/label>\r\n        <input type=\"email\" id=\"email\" name=\"email\" required>\r\n\r\n        <label for=\"mensaje\">Mensaje:<\/label>\r\n        <textarea id=\"mensaje\" name=\"mensaje\" required><\/textarea>\r\n\r\n        <!-- Widget de Turnstile -->\r\n        <div class=\"cf-turnstile\" data-sitekey=\"TU_SITEKEY_AQUI\"><\/div>\r\n\r\n        <button type=\"submit\">Enviar<\/button>\r\n    <\/form>\r\n<\/body>\r\n<\/html><\/code><\/pre>\n
    El\u00a0<div class=\"cf-turnstile\"><\/code>\u00a0se coloca dentro del formulario. Al enviarlo, Turnstile a\u00f1ade autom\u00e1ticamente un campo oculto llamado\u00a0cf-turnstile-response<\/code>\u00a0con el token de verificaci\u00f3n. No tienes que hacer nada extra en el HTML.<\/p>\n
    Puedes personalizar el widget con atributos\u00a0data-<\/code>:<\/p>\n