Cómo Hacer Pruebas A/B con Google Optimize en WordPress sin Costo Alguno

No importa qué tipo de sitio de WordPress tenga, sea una tienda ecommerce o un blog de marketing de afiliados, ¡es vital que usted jamás deje de hacer pruebas A/B! Las decisiones tomadas usando datos son las que le ayudarán a mejorar su sitio o negocio, y estar siempre a la delantera ante la competencia. Pero seamos honestos, las pruebas A/B no siempre son tan sencillas. O quizás, no las estaba considerando en realidad. Bueno, ¡esperemos que hoy podamos cambiar su decisión!

Abajo hablaremos sobre cómo hacer pruebas A/B con Google Optimize en WordPress. No importa qué tipo de sitio tenga, esto funcionará en todos lados. Y lo mejor de todo e que no tiene costo.

• ¿Qué es una Prueba A/B?
• Google Optimize
• ¿Cómo Configurar Google Optimize en WordPress?
• ¿Cómo Hacer Pruebas A/B con Google Optimize?

¿Qué es una Prueba A/B?

Una prueba A/B, en algunas ocasiones referida como prueba dividida (Split testing), es una forma de comparación de elementos en una página (o cualquier tipo de dato) contra otra para determinar que plataforma tiene mejor desempeño cuando se trata de visitas, tiempo en la página, conversiones, rango de rebote (bounce rate), etc. Algunos ejemplos incluyen:

• Probando diferentes encabezados.
• Probando nuevo contenido en landing pages o diseños de página.
• Experimentando con botones CTA de distinto color.
• Mostrar algo completamente distinto como un CTA en un widget vs un formulario de contacto. Usted puede rastrear las ventas en Google Analytics que se encuentren en proceso para ver que lleva a que se generen más ventas.

Hay distintas formas de prueba A/B, como la prueba multivariable, pero el método más común es simplemente enviando un 50% de su tráfico a una página A y el otro 50% de su tráfico a una página B. También conocido como prueba dividida.

La idea es empezar con pruebas simples, como cambiar el texto de un CTA o el color de un botón, encontrar al ganador, y replicar esto una y otra vez con todos los nuevos ganadores. Mientras hace esto, usted debería empezar a ver mejores resultados para cualquier meta que tenga en mente.

También es muy importante determinar si su sitio tiene suficiente tráfico para incluso empezar a hacer pruebas A/B, debido al tamaño de las muestras y el tiempo. Stephen Watts tiene un excelente artículo que toca algunos de los puntos más delicados, incluyendo el por qué debería estar replicando sus pruebas de marketing.

Google Optimize

Hay muchas herramientas distintas a elegir cuando se trata de las pruebas A/B. Nosotros cubrimos muchas de estas en nuestro artículo sobre herramientas de pruebas A/B.

Sin embargo, si tiene mucho tráfico, muchos de estos podrían costarle cientos o incluso miles de dólares al mes. Sería mejor gastar ese presupuesto en un hosting de alta calidad. 😉 Muchas herramientas de prueba A/B también tienen muchas funciones que probablemente jamás va a utilizar.

Mientras que el tener una gran herramienta terminará recuperándole la inversión a la larga, podría ser buena idea mejor empezar con algo gratuito para empezar a aprender a utilizar las pruebas A/B y ver que metas son conseguibles para su negocio.

Google Optimize en nuestra opinión es una excelente herramienta para empezar desde el principio, especialmente porque es gratuito. A pesar de no tener un plugin de WordPress o integración directa, es muy sencilla de usar una vez que le agarra la onda. Otro beneficio adicional es que este está integrado a Google Analytics, una herramienta que la mayoría de ustedes probablemente use, e incluso es mejor que algunas de las otras soluciones. Usted puede conectarlo a una meta de Google Analytics con tan sólo dando un clic.

Ellos cuentan con una versión premium (Optimize 360), pero usted podrá hacer hasta 5 experimentos simultáneos sin costo alguno. Para muchos de usted esto debería ser más que suficiente ya que no querrá hacer demasiadas pruebas A/B al mismo tiempo, de otra forma, podría reducir la calidad de sus datos. ¡Hemos usado la versión gratuita de Optimize en Kinsta y funciona de maravilla!

Si tiene curiosidad, aquí le tenemos una comparación de la versión gratuita (Optimize) vs la versión premium (Optimize 360).

Cómo Configurar Google Optimize en WordPress

Siga los pasos de abajo para crear su cuenta de Google Optimize y configurarla en su sitio de WordPress.

Paso 1

Lo primero que tiene que hacer es ir a Google Optimize e inscribirse para recibir su cuenta gratuita dando clic en el botón de “Empezar”.

Importante: Usted querrá utilizar su Gmail o email de Google Workspace que ya está vinculado a su cuenta de Google Analytics.

Luego siga los siguientes pasos con algunas preguntas opciones sobre los permisos y compartición de datos.

Paso 2

Luego, usted tendrá que enlazar su propiedad de Google Analytics. A su lado derecho de clic en “Enlazar Propiedad.”

Paso 3

Usted debería ver su propiedad de Google Analytics. Si tiene múltiples propiedades adjuntas a su Gmail, usted necesitará elegir la que quiera utilizar con Google Optimize. Luego dar clic en “Enlazar.”

Paso 4

Luego, haga clic en “Conseguir Snippet.”

Paso 5

Ahora es momento de modificar su código de Google Analytics con el ID de su contenedor de Google Optimize.

• Si actualmente tiene instalado Google Analytics en su sitio, este debería ser el encabezado de su sitio, antes de la etiqueta </head>. Usualmente colocarla en el pie de página está bien, pero en este caso, usted se encontrará con un destello blanco muy notorio al momento de cargarse la página, si es que no tiene un script en el encabezado. Esto es porque el script necesita dispararse de inmediato mientras el DOM carga. Si usted está usando un plugin de WordPress, la mayoría tiene la opción de elegir la ubicación en el encabezado o pie de página para el script.
• El snippet de Optimize lucirá así: ga('require', 'GTM-XXXXXXX'); el cual contiene el ID de su contenedor de Optimize. Todo lo que necesita hacer es modificar su script actual de Google Analytics para que incluya esto, no agregar todo el script de nuevo.

Si usted ha instalado manualmente su script de rastreo de Google Analytics, entonces lo único que necesita hacer es simplemente agregarlo, como en el ejemplo que le dimos. Sin embargo, si actualmente utilizas un plugin de Google Analytics para WordPress, es posible que tengas que cambiar algunas cosas.

Usted debería revisar primer para ver si su plugin de Google Analytics para WordPress ya ofrece soporte para Google Optimize o agregar un código personalizado. Aquí tenemos algunos plugins de WordPress que ya ofrecen soporte para Google Optimize o le permiten agregar el código en las opciones de sus plugins:

• Google Analytics Dashboard for WP: Bajo integración en las opciones del plugin tiene una opción para agregar el ID de su contenedor de Optimize.
• GA Google Analytics: Tiene una opción en las opciones del plugin para agregar el código de Optimize.

Nota: Si está utilizando Google Tag Manager para desplegar Google Analytics, usted aún podría instalar Optimizer, pero podría tener una latencia adicional e incluso Google no recomienda esto. Debido al funcionamiento de los scripts en términos de desempeño. Ellos recomiendan lanzar Optimize directamente en la página (siendo esto lo que la mayoría de los plugins de WordPress hacen).

Abajo le dejamos un ejemplo usando el plugin de Google Analytics Dashboard for WP. Debajo de la pestaña de integración, usted puede “habilitar el rastreo de Optimize” e ingresar el ID de su Contenedor.

Después de poner el código en su lugar, de clic en “Siguiente” para regresar al wizard de Google Optimize.

Paso 6

Cuando Google Optimize fue originalmente lanzado, tenía algunos problemas de desempeño y ellos crearon un snippet para esconder páginas para reducir el parpadeo de páginas al momento que cargara la página. Agregar un snippet para esconder páginas requiere un código adicional justo antes del código de rastreo de su Analytics.

Sin embargo, recientemente hemos descubierto que esto ya no es necesario. Si su sitio ya carga rápido, usted no debería tener problemas. Nosotros ya no utilizamos el snippet para esconder páginas y hacemos pruebas todo el tiempo.

Sin embargo, cada sitio es distinto, si usted está teniendo problemas, podría necesitar tener que modificar el script de su Analytics con el snippet de código para esconder páginas. Usted puede modificar el tiempo async-hide, que por omisión es de 4000 ms. Algunos plugins, como el mencionado anteriormente tienen activadores sencillos para habilitar el soporte para esconder páginas.

Haga clic en “Listo” y su sitio de WordPress estará listo para comenzar.

Cómo Hacer Pruebas A/B con Google Optimize

Ahora esta es la parte divertida, crear su primera prueba A/B en Google Optimize

Paso 1

En el dashboard de Google Optimize haga clic en “Comencemos” para crear una prueba A/B, o a lo que ellos llaman como experimento.

Paso 2

En el siguiente ejemplo, haremos una prueba A/B a un cambio de color sencillo a un botón de CTA para que usted pueda ver fácilmente cómo funciona. Recuerde que básicamente cualquier elemento de HTML o de CSS en su sitio de WordPress puede ser cambiado en Google Optimize.

Así que elegimos un nombre para nuestra prueba, e ingresamos el URL en el que queremos editar el código para la experiencia. En este ejemplo, queremos cambiar el color del botón del botón de CTA, para ver cuál consigue más tráfico para nuestra página de contacto. También elegimos una prueba A/B para el tipo de experiencia. Luego hacemos clic en “Crear.”

Como puede ver, Google Optimize también ofrece soporte para otros tipos de experimentos además de las pruebas A/B que quizás quiera explorar:

• Prueba Multivariable: Probando variantes con dos o más secciones distintas.
• Pruebas de redirección: Poner a prueba a páginas separadas identificadas por URLs o caminos distintos.
• Personalización: Personalice su página para visitantes específicos.

Paso 3

Por defecto, Google Optimize usará el editor de página que eligió anteriormente para el experimento como la variante original. Usted tendrá que crear una segunda variante. Haga clic en “Crear Variante.”

Paso 4

Póngale un nombre a su variante, algo que sea fácil de reconocer en otro momento. Ya que estamos probando un color distinto de botón, nosotros llamamos al nuestro Botón Rojo. Luego de clic en “Listo.”

Paso 5

Usted necesitará cambiar su variante, por omisión este simplemente crea una copia de su original. Haga clic en “0 cambios” que se encuentra en rojo.

Paso 6

Probablemente vea una advertencia sobre el uso de la extensión Google Chrome. Para una mejor edición y capacidades de vista previa, usted querrá instalar la extensión gratuita de Chrome de Google Optimize.

Luego verá al editor de Google Optimize. ¡Es bastante poderoso! Literalmente podrá cambiar cualquier cosa en su página.

En nuestro ejemplo, estamos probando los resultados de los clics en nuestra página de contacto, con dos botones de distintos colores, azul y rojo. SI tiene curiosidad, simplemente estamos usando el plugin de Shortcodes Ultimate para el botón.

Primero queremos cambiar el color del botón. Para hacer esto, simplemente haga clic en cualquier elemento, en este caso, el botón, y editar las propiedades CSS de este. Incluso tienen un seleccionador de color. Usted podría editar el CSS o HTML de forma directa si así lo prefiere.

La otra cosa que cambiamos es el URL del botón

• El botón original enlaza a https://editwp.com/contact-us/?button-test-blue.
• El botón variante enlaza a https://editwp.com/contact-us/?button-test-red.

¿Por qué hicimos esto? En Google Analytics usted podrá en cualquier momento revisar para ver cuántas visitas fueron registradas, basadas en el tipo de botón. Usted jamás debería utilizar parámetros UTM en su sitio interno, pero agregar algo como lo que hicimos al URL anterior, está bien. Esto simplemente le da datos adicionales que usted podrá revisar en cualquier momento.

Una vez que haya terminado de editar, usted podrá dar clic en “Guardar Cambios” y “Listo” en la parte superior derecha. Luego podrá dar clic en “Vista previa de la Página” para ver cómo luce.

Abajo pondremos como configuramos esta prueba. Recuerde, todo fue cambiado usando el editor de Google Optimize, no en WordPress.

Variante Original A/B

En nuestra variante original, tenemos un botón azul al que irá un 50% de nuestro tráfico. El botón enlaza a nuestro formulario de contacto: https://editwp.com/contact-us/?button-test-blue

Variante de Botón Rojo A/B

En nuestra otra variante, tenemos un botón rojo al que irá un 50% de nuestro tráfico. El botón enlaza a nuestro formulario de contacto: https://editwp.com/contact-us/?button-test-red

Paso 7

El siguiente paso es agregar un objetivo. Esta es la meta o lo que quiere probar. Por omisión el objetivo está establecido para tener una división de tráfico del 50%, así que puede dejarlo así. Usted querrá darle a su objetivo una breve descripción para que pueda ver fácilmente la razón por la que lo agregó en otro momento. Recuerde que en algunas ocasiones podría hacer pruebas por meses, así que asegúrese de agregar algo que usted pueda reconocer en otro momento. Luego dé clic en “Agregar Objetivo de Experimento.”

Paso 8

Si ya está usando metas y eventos en Google Analytics, o rastreo de ecommerce, entonces las verá enlistas aquí. Esta es una de las cosas geniales sobre la integración directa de Google Analytics con Optimize. La mayoría de ustedes probablemente ya tengan metas de conversión, metas de formulario de contacto, etc. configuradas, las que fácilmente podrán agregar a su experimento. Pero para este ejemplo, crearemos una personalizada.

Paso 9

Usamos visitas de páginas como el tipo de objetivo y elegimos empezar con nuestra página de contacto: /contact-us/button-test

Si usted tiene una configuración de rastreo de ecommerce en Google Analytics, también podrá agregar objetivos adicionales para cosas como transacciones e ingresos. ¡Aquí es cuando realmente se hace poderoso! Por ejemplo, usted podría ver cuántos ingresos cierto color le está generando. Desde el clic, hasta la venta final.

Paso 10

Y por último, pero no menos importante, una vez que haya guardado todo, podrá dar clic en “Empezar Experimento.” De inmediato comenzará a hacer las pruebas divididas de tráfico en la ubicación que específico en el experimento. También puede establecer fácilmente experimentos a nivel sitio con las opciones de targeting.

Podrá relajarse y dejar que Google haga lo suyo. Típicamente esto tomará de entre una a dos semanas. Automáticamente analizará al ganador por usted. Luego podrá ver que variante produjo los mejores resultados. Aquí le dejamos un ejemplo de un reporte.

Resumen

Cuando se trata de marketing, entre menos suposiciones, mejor. Es probable que encuentre a ganadores que usted antes pensaba que tendrían peor desempeño y vice versa.

Para ser una herramienta gratuita, ¡Google Optimize tiene muchas funciones! Usted puede cambiar los botones, widgets, casi todo lo que se le ocurra. Y luego, podrá monitorear fácilmente los resultados para ver cuál tuvo un mejor desempeño. Rastree las visitas a las páginas, datos de transacción e incluso los ingresos generados por el cambio de color de un botón. Entre más juegue con esto, se dará más cuenta de por qué jamás debería dejar de hacer pruebas A/B. Encuentre al ganador, luego haga pruebas de nuevo.

¿Ya ha probado Google Optimize en su sitio de WordPress? Si es así, nos encantaría escuchar sus experiencias en la sección de comentarios.