Cómo Realizar una Prueba A/B en WooCommerce sin Utilizar Plugins de Terceros

Para realizar un experimento A/B en una página concreta de un producto en WordPress sin utilizar Optimizely, Google Optimize o cualquier otro plugin de terceros, puedes hacerlo manualmente mediante el uso de código y algunas configuraciones. Aquí tienes un paso a paso detallado para llevar a cabo este experimento:

Paso 1: Preparación

1. Backup del Sitio Web: Antes de realizar cualquier cambio, asegúrate de tener una copia de seguridad completa de tu sitio web.
2. Crear Variantes de la Página del Producto: Necesitas crear dos versiones de la página del producto: la versión original (control) y la versión modificada (variación).

Paso 2: Duplicar la Página del Producto

1. Duplicar la Página del Producto Original:

• Accede a tu panel de administración de WordPress.
• Ve a «Páginas» o «Productos» (dependiendo de cómo esté estructurado tu sitio).
• Encuentra la página del producto que deseas probar y duplícala. Puedes hacerlo manualmente creando una nueva página y copiando el contenido o utilizando el editor de bloques de WordPress para duplicar el contenido.

1. Modificar la Página Duplicada:

• En la página duplicada, realiza los cambios de diseño que deseas probar. Esto puede incluir cambios en el texto, imágenes, colores, botones de llamada a la acción, etc.

Paso 3: Redireccionamiento de Usuarios

Para dividir el tráfico entre las dos versiones de la página, puedes utilizar un script en PHP que redireccione aleatoriamente a los usuarios a una de las dos páginas. A continuación te muestro cómo hacerlo:

1. Crear un Archivo PHP para el Redireccionamiento:

• Crea un archivo PHP llamado ab-test.php en el directorio de tu tema activo.

<?php
// Inicio de la sesión para rastrear a los usuarios
session_start();

// URL de las dos variantes
$control_url = 'https://tu-sitio.com/pagina-original-del-producto';
$variation_url = 'https://tu-sitio.com/pagina-variada-del-producto';

// Redireccionar a la variante si aún no se ha hecho
if (!isset($_SESSION['ab_test'])) {
    if (rand(0, 1) == 0) {
        $_SESSION['ab_test'] = 'control';
        header('Location: ' . $control_url);
    } else {
        $_SESSION['ab_test'] = 'variation';
        header('Location: ' . $variation_url);
    }
    exit();
}
?>

Realmente esta función de redireccionamiento es muy simple y lógicamente se podría mejorar mucho, para lograr distintos objetivos. Todos aquellos que se os puedan ocurrir, así que es importante trabajar en este aspecto.  a continuación voy a dejaros una segunda propuesta de función PHP en la que la redirección se hará en el 50% de los casos a la URL original y el 50% restante a la nueva URL.

Para mejorar la función PHP y controlar el número de veces que se redirige a una URL o a otra, puedes utilizar cookies para almacenar la información de redireccionamiento y asegurarte de que el tráfico se distribuye de manera uniforme. Aquí tienes un ejemplo mejorado de la función PHP que realiza una redirección del 50% a la URL original y el 50% restante a la nueva:

Código PHP Mejorado con Redirección 50/50

<?php
// Inicio de la sesión para rastrear a los usuarios
session_start();

// URLs de las dos variantes
$control_url = 'https://tu-sitio.com/pagina-original-del-producto';
$variation_url = 'https://tu-sitio.com/pagina-variada-del-producto';

// Nombre de la cookie para rastrear la redirección
$cookie_name = 'ab_test';

// Duración de la cookie (por ejemplo, 30 días)
$cookie_duration = 30 * 24 * 60 * 60; // 30 días en segundos

// Verificar si la cookie ya está configurada
if (!isset($_COOKIE[$cookie_name])) {
    // Generar un número aleatorio entre 0 y 1
    $random_number = rand(0, 1);

    // Determinar la variante basada en el número aleatorio
    if ($random_number == 0) {
        // Redirigir a la URL de control
        setcookie($cookie_name, 'control', time() + $cookie_duration, "/");
        header('Location: ' . $control_url);
    } else {
        // Redirigir a la URL de variación
        setcookie($cookie_name, 'variation', time() + $cookie_duration, "/");
        header('Location: ' . $variation_url);
    }
    exit();
} else {
    // Si la cookie ya está configurada, redirigir a la URL correspondiente
    if ($_COOKIE[$cookie_name] == 'control') {
        header('Location: ' . $control_url);
    } else {
        header('Location: ' . $variation_url);
    }
    exit();
}
?>

Explicación del Código

1. Inicio de Sesión: Utiliza session_start() para gestionar las sesiones de los usuarios.
2. Definición de URLs: Establece las URLs para las dos variantes.
3. Nombre y Duración de la Cookie: Define el nombre de la cookie ($cookie_name) y la duración de la cookie en segundos ($cookie_duration).
4. Verificación de la Cookie: Comprueba si la cookie ya está configurada. Si no está configurada, genera un número aleatorio (0 o 1) para decidir la redirección.
5. Redirección Basada en Número Aleatorio:
   • Si el número aleatorio es 0, redirige a la URL de control y establece una cookie con el valor ‘control’.
   • Si el número aleatorio es 1, redirige a la URL de variación y establece una cookie con el valor ‘variation’.
6. Redirección Basada en la Cookie: Si la cookie ya está configurada, redirige a la URL correspondiente según el valor de la cookie.

2. Modificar el .htaccess para Redireccionar a ab-test.php:

• Abre el archivo .htaccess en el directorio raíz de tu sitio WordPress y añade la siguiente regla de redireccionamiento:

RewriteEngine On
RewriteCond %{REQUEST_URI} ^/ruta-a-tu-producto-original$
RewriteRule ^(.*)$ /wp-content/themes/tu-tema/ab-test.php [L]

Paso 4: Configuración de Medición y Rastreo

Para medir el rendimiento de las dos variantes, puedes utilizar Google Analytics o cualquier otro sistema de análisis que tengas configurado. Asegúrate de rastrear eventos clave como clics en el botón de compra, tiempo en la página, etc.

1. Configuración de Eventos en Google Analytics:

• Accede a tu cuenta de Google Analytics.
• Ve a «Administrador» > «Vista» > «Objetivos» y crea nuevos objetivos para las conversiones deseadas.

1. Añadir Código de Rastreo a las Variantes:

• Añade código de rastreo a ambas páginas para diferenciar entre la versión de control y la variación. Puedes hacerlo directamente en el HTML de las páginas.

<script>
  if (window.location.href.includes('pagina-original-del-producto')) {
    gtag('event', 'view_item', {'event_category': 'AB Test', 'event_label': 'Control'});
  } else if (window.location.href.includes('pagina-variada-del-producto')) {
    gtag('event', 'view_item', {'event_category': 'AB Test', 'event_label': 'Variation'});
  }
</script>

Paso 5: Análisis de Resultados

1. Recolección de Datos:

• Deja correr el experimento por un periodo significativo para recopilar suficientes datos.
• Asegúrate de que ambos grupos reciban una cantidad similar de tráfico.

1. Análisis de Datos:

• Accede a Google Analytics para comparar los resultados de las dos versiones.
• Analiza las métricas clave y determina cuál versión ha tenido un mejor rendimiento.

Conclusión

Realizar un experimento A/B sin el uso de plugins de terceros es posible, pero requiere una cuidadosa configuración y monitoreo. Este método te permite tener control total sobre el proceso, aunque puede ser más laborioso. Al seguir estos pasos, podrás evaluar las diferentes variaciones de la página de tu producto y tomar decisiones informadas para mejorar las conversiones.