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.

¡Es vital que usted jamás deje de hacer pruebas A/B! Google Optimize ofrece una forma gratuita para empezar. 📊Clic para Tuitear

¿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.

Prueba A/B dividida
Prueba A/B 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.

Google Optimize
Google Optimize

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).

Google Optimize vs Optimize 360
Google Optimize vs Optimize 360 (fuente de la imagen: Google)

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.

Empezando con Google Optimize
Empezando con Google Optimize

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.”

Google Optimize – Enlazando Propiedad de Google Analytics
Google Optimize – Enlazando Propiedad de Google Analytics

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.”

Enlazando una propiedad en Google Optimize
Enlazando una propiedad en Google Optimize

Paso 4

Luego, haga clic en “Conseguir Snippet.”

Consiguiendo snippet en Google Optimize
Consiguiendo snippet en Google Optimize

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.
Lanzando el código Optimize
Lanzando el código Optimize

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:

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.

Habilitando el plugin de Google Optimize in Analytics
Habilitando el plugin de Google Optimize in Analytics

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.

Minimizando el parpadeo de páginas
Minimizando el parpadeo de 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.

Creando una Experiencia de prueba A/B en Google Optimize
Creando una Experiencia de prueba A/B en Google Optimize

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.”

Creando una prueba A/B en Google Optimize
Creando una prueba A/B en Google Optimize

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:

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.”

Creando variante en Google Optimize
Creando variante en Google Optimize

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.”

Nombre de la variante en Google Optimize
Nombre de la variante en Google Optimize

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.

Cambiando variante en Google Optimize
Cambiando variante en Google Optimize

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.

Editor de Google Optimize
Editor de Google Optimize

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.

Cambiando el color del botón en Google Optimize
Cambiando el color del botón en Google Optimize

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.
Cambiando el URL del botón
Cambiando el URL del botón

¿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.

Vista previa de la página cen Google Optimize
Vista previa de la página con Google Optimize

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 original de la prueba A/B
Variante original de la prueba A/B

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

Variante 1 de la prueba A/B
Variante 1 de la prueba A/B

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.”

Objetivo del experimento de Google Optimize
Objetivo del experimento de Google Optimize

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.

Meta personalizada de Google Optimize
Meta personalizada de Google Optimize

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

Objetivo personalizado en Google Optimize
Objetivo personalizado en Google Optimize

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.

Objetivos de Google Optimize – ecommerce
Objetivos de Google Optimize – ecommerce

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.

Empezando experimento en Google Optimize
Empezando experimento en Google Optimize

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.

Reporte de Google Optimize
Reporte de Google Optimize

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.

Brian Jackson

Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.