Configurando el seguimiento de conversiones en WooCommerce

Part 2: Woocommerce wordpress ga4 conversion tracking

¿Por dónde empezamos el proceso de configuración de todas las analíticas y conversiones? Empecemos, por ejemplo, creando una cuarta cuenta de analítica. Hay que ir a analytics.google.com. Por supuesto, hay que iniciar sesión con su cuenta de Gmail. Hacemos clic en «Crear cuenta». A continuación, hay que ponerle un nombre.

Copiaré el nombre del sitio web. Prefiero recomendar que nombre las cuentas con su nombre de dominio para que siempre pueda encontrar sus estadísticas. Porque a veces creas varios sitios web, lanzas diferentes anuncios y, a menudo, se da la situación de que escribes «Mi sitio web» o algo así y es difícil encontrar estos análisis por el nombre, porque, por el momento, las líneas de búsqueda en los análisis no funcionan por identificador.

A continuación, sigo los mismos pasos que antes. Selecciono el país, la hora, la moneda, etc. correspondientes. Si es Ucrania, selecciona Ucrania. Si es otro país, selecciona el país correspondiente. Supongamos que en este caso selecciono… Que sigan siendo los Estados Unidos y el dólar.

Sigamos adelante. Como quieran. Elijan lo que quieran, o no elijan nada. Yo elijo esta sección.

Marca todas las casillas y haz clic en «Crear». Puedes leerlo todo.

Siempre recomiendo leer, pero como estoy grabando un video, no voy a leerlo.

Hacemos clic en «Web». A continuación, insertamos el sitio web. Por supuesto, debe ser https, no http. También el nombre del dominio, que vamos a hacer. Con todas las casillas marcadas, hacemos clic en «Crear cuenta». Ahora el sistema nos pedirá que configuremos nuestra analítica. Pero ya llegaremos a eso más adelante.

Instalación del complemento Google Tag Manager en WordPress

Continuemos. Como vamos a configurar la cuarta analítica de conversión de Google, al mismo tiempo configuraremos la etiqueta de compra con la transferencia de datos dinámicos, lo haremos todo a través de una herramienta independiente que en Google se llama Google Tag Manager. ¿Por qué sugiero hacerlo a través de ella y no a través de otro complemento? En primer lugar, porque es barato y ofrece un conjunto completo de funciones que son más que suficientes para trabajar con Performance Max durante mucho tiempo. La segunda razón es que, si es necesario modificar, corregir o cambiar algún tipo de transferencia de datos, debemos recordar que Google está cambiando constantemente, prácticamente cada trimestre o cada mes actualiza algo. Naturalmente, se producen algunos cambios. Para poder entrar en un segundo y corregir lo necesario.

Es necesario instalar Google Tag Manager en WordPress WooCommerce, a través del cual implementaremos lo necesario para el análisis. Vamos a «Plugins». Hacemos clic en «Add New Plugin». A continuación, sugiero introducir los siguientes caracteres «gtm4wp» en la barra de búsqueda. Aparecerá el primer plugin llamado A Google Tag Manager (GTM) plugin for WordPress y estará firmado por Thomas Geiger. Instalémoslo. Recuerdo que ahora vamos a realizar la configuración desde cero hasta el final. Al máximo. Alimentamos a Google con toda la información posible, sin piedad. Usaremos las configuraciones adicionales. Asegúrate de hacer clic en «Activar». Una vez activado, vamos a los plugins y buscamos este plugin.

Creación de una cuenta de Google Tag Manager

Hacemos clic en Settings (Configuración). Ahora viene lo más interesante. Tenemos que crear un Tag Manager. No es complicado. Entramos en tagmanager.google.com y hacemos clic en «Create account» (Crear cuenta). Copio el nombre de dominio del sitio web. Es lo mismo que hicimos con Analytics. También seleccionamos nuestro país. De nuevo, la configuración del contenedor. Prefiero que se llame con el nombre de dominio. Selecciono «Web» y hago clic en «Crear». Si lo deseas, aquí hay un pequeño conjunto de idiomas. Puedes leerlos si quieres, o no. No hay mucha elección: sin marcar esta casilla, no habrá nada.

Hemos creado una cuenta en Google Tag Manager. ¿Qué hacemos ahora? Es imprescindible copiar el identificador.

Volvemos al panel de administración de WordPress WooCommerce, vamos aquí e introducimos todos los valores numéricos y alfabéticos.

Configuración del plugin GTM4WP

A continuación, vamos a «Integration», entramos en el bloque «WooCommerce» y marcamos varias casillas importantes. Lo primero, como es lógico, es que todo lo que hacemos debe estar vinculado al comercio electrónico.

Más adelante, en «Products for impression», aparece automáticamente el número 10. Se puede establecer un mínimo de 5 posiciones, porque vamos a realizar ajustes, ya que las plantillas de WordPress son diferentes para cada uno. A veces se transmiten muchos eventos, otras veces pocos. Te explicaré paso a paso cómo hacerlo bien. Si es necesario, te daré directamente un contenedor listo para descargar, importar a Google Tag Manager y simplemente introducir tus datos. Hazlo así: escribe en los comentarios para que sepa que necesitas un contenedor listo. Te explicaré toda la cadena de cómo se configura todo para que, si surgen preguntas, modificaciones u otras cosas, puedas cambiar algo.

Necesito «Cart content». Por ahora quiero una taxonomía automática. Que Google determine la automática. «Customer data», «Order data». Siempre excluyo los impuestos de los ingresos, porque quiero operar con rentabilidades reales.

Que así sea. Excluyo el envío si se necesita un ingreso neto sin envío, sin impuestos, marco las casillas. Si se necesita un ingreso bruto, no es necesario marcar las casillas, elige lo que más te convenga.

Es necesario seleccionar «Retail» en el bloque, ya que hay formación, boletos de avión, para trabajar, para diferentes tipos de negocios. Nosotros somos Retail.

«Prefijo de identificación del producto». Para saber si es necesario indicarlo, hay que volver al Centro de comerciantes, ir a «Productos», seleccionar «Todos los productos» y mirar el prefijo de identificación.

Si además de los números hay algo como «gla», lo copio y lo añado en el administrador. Más adelante explicaré para qué sirve. No marco nada más y pulso «Guardar».

Volvería a comprobar una vez más que este bloque esté en «ON».

Reviso el código y hago clic en «Guardar cambios». Se han guardado los cambios. A continuación, es necesario volver a Google Tag Manager y hacer clic en «Enviar» y «Publicar».

Exportación/importación de un contenedor de Google Tag Manager listo para usar

Ahora viene lo más interesante. Por ahora, el contenedor está completamente vacío. ¿Qué hacemos? Volvemos al plugin de Thomas Giger, vamos a «Integraciones», de nuevo a «WooCommerce» y pasamos a la Guía Oficial, bajamos hacia abajo, vamos a esta inscripción: contenedor listo.

Hacemos clic con el botón derecho, seleccionamos «Guardar como» y confirmamos el guardado. Se guarda directamente en el formato deseado.

A continuación, volvemos a Google Tag Manager, vamos a la sección de administración, seleccionamos «Importar contenedor» y elegimos el archivo que acabamos de descargar.

Hay dos opciones más que ofrece Google Tag Manager: cargar el contenedor con el contenido, ya que ahorrará bastante tiempo, en un nuevo espacio de trabajo o en uno ya existente. Tengo un contenedor completamente vacío, así que elijo «Existente». A continuación, me propone sobrescribir todo o combinarlo. Está completamente vacío. Elijo «Sobrescribir». Si antes existía Google Tag Manager y había algo configurado en él, elige «Combinar».

Elige la mejor opción: sobrescribir las etiquetas conflictivas o renombrarlas. Elijo «Sobrescribir». Confirmo y veo que ya ha creado una etiqueta específica y un montón de variables diferentes. Esto nos ahorrará un poco de tiempo mientras realizamos los ajustes finales.

Instalación de Global Tag, cuarto análisis

Ahora también hay que poner la etiqueta global de la cuarta analítica. Recuerden que antes crearon la analítica.

Hacemos clic en «Crear etiqueta», seleccionamos Google Analytics, seleccionamos Google Tag, volvemos a nuestro análisis, vamos a Data Flow ID y lo copiamos.

Vamos aquí e insertamos este identificador.

Seleccionamos los disparadores. Si tiene dudas sobre si los está seleccionando correctamente o no, consulte siempre estas instrucciones. Recomiendan seleccionar el disparador «Inicialización». Explico estos detalles para que, si algo cambia, siempre pueda volver a la fuente original si hay alguna diferencia con mi video.

¿Qué sigue? Nombraré el GA4-id. «Guardar».

A continuación, entramos en esta etiqueta. Es imprescindible eliminar esto e insertar el código de la cuarta analítica. Prefiero hacerlo antes de que aparezca la inscripción «Etiqueta de Google encontrada en el contenedor». Guardamos.

Resultado de la instalación y configuración actuales de la cuarta analítica

¿Qué hemos hecho hasta ahora para comprender la lógica? Ahora tenemos un borrador de ajustes para seguir configurando la cuarta analítica, que utilizará para registrar las conversiones de las acciones objetivo en el sitio web. Querrá ver cuántos productos se han visto, cuáles se han añadido a los carritos y cuáles se han comprado. Es un informe estupendo. Le mostraré un ejemplo con una cuenta demo de Google para que comprenda lo potente que es. Esto le ayudará a comprender mejor qué productos son eficaces y cuáles no.

Segundo. La cuarta analítica permitirá comprender mejor cómo interactúan las personas con el sitio web, si es necesario mejorar algo en este contexto. Esto no estará de más.

La tercera forma: si no desea realizar más ajustes, puede utilizar la conversión de la compra directamente de la cuarta analítica a la cuenta publicitaria. Para ello, realizaremos una conversión ligeramente diferente.

Para entender lo que estamos haciendo ahora. Por ahora es un borrador que estamos perfeccionando. Les recuerdo que si quieren un contenedor listo para usar y solo cambiar sus datos de identificación, escríbanme y les daré el enlace para descargarlo directamente.

Realización de un pedido de prueba

¿Qué vamos a hacer ahora? Ahora vamos a hacer un pedido de prueba. Abriré una ficha de producto. Voy a Google como administrador. Pulso el botón «preview».

A continuación, inserto el enlace al sitio web y ahora veremos la siguiente imagen.

Después de Tag Manager se abren al menos dos ventanas. Como puede ver, se trata de una especie de depurador donde vemos nuestros códigos. Como puede ver, la cuarta analítica indica que ya se ha configurado a través de Google Tag Manager.

Una ventanita donde aparece el bloque «La información de depuración de esta página se puede ver en la ventana del Asistente de etiquetas».

Ahora vamos a hacer un pedido de prueba en la ventanita. ¿Para qué? Para ver qué hay en los códigos y si hay que corregir algo. Simplemente siga los pasos para realizar el pedido. Ahora los voy a seguir tal y como salen. Ya está. Hemos terminado.

Observe que la página de pago puede mostrarse con un conjunto completo de datos. Quizás solo aparezca «Gracias por su pedido». Depende de la plantilla. Puede variar. Haga lo que le resulte más cómodo. Volvamos a la pestaña anterior. ¿Qué estamos buscando? Desplazamos hasta la parte inferior, ¿qué estamos buscando? Primero miramos nuestra ficha de producto, si lo recuerdan. ¿Qué estamos buscando aquí? Buscamos eventos como view_item – una vez, view_item_list, add_to_cart.

¿Qué son estas cosas? View_item: evento que indicará en el análisis que una persona ha visto la ficha de un producto. View_item_list: lo que ha visto en algún listado. ¿Qué listado ha visto en la ficha del producto? Normalmente se muestran algunos similares o la selección de algunos usuarios, diferentes listas. Todo se refiere a los listados. El paso a una categoría determinada se refiere a los listados. Un montón de productos y esto puede considerarse un listado. Volvamos aquí. A continuación, add_to_cart: evento de añadir al carrito. A continuación, lo mismo: hay una vista del carrito, inicio del proceso de pago, información de pago, información de envío, compra. Ahora esto se ha incorporado automáticamente a nuestra analítica.

Ver los resultados del pedido de prueba en el análisis

¿Cómo averiguarlo? Ahora pulsamos «Further», «Home page». Es posible que todo se acepte, no interferirá en persona. Cierro esta pestaña. Vamos a «Administrador» y luego bajamos hasta el final. Encontramos una cosa llamada DebugView.

En ella puede aparecer rápidamente la información, como aquí. Puede tardar unos minutos, pero normalmente está disponible. Desplazamos hasta la parte inferior y vemos view_item. Lo abrimos. ¿Qué hay aquí? Es obligatorio indicar la moneda (currency), es importante. El valor (value) del producto debe coincidir con el que figuraba en el sitio web. El resto de parámetros pueden variar más o menos, según se desee.

Elementos. Como puede ver, hay un ID de producto, una cantidad, un nombre, una categoría y un precio. El precio se mostrará de una forma bastante extraña, pero no le preste atención. Lo importante es que el parámetro value se vea bien.

Lo mismo ocurre en view_item_list, solo que aquí hay más elementos. Ve dos elementos. A continuación, add_to_cart es lo mismo. En add_to_cart es recomendable comprobar el valor y los elementos que hay. Por cierto, una pregunta. En el carrito había dos productos, y aquí solo hay uno. Es recomendable que el evento add_to_cart se registre al hacer clic en el botón «Añadir al carrito», y no al ver el carrito. Ver el carrito es un evento aparte. Cuando pasemos aquí, la suma será completamente diferente. Coincide con que se compraron dos productos. Se ve que se añadió el producto 4010. Aquí hay 4004.

Lo mismo ocurre con begin_checkout. Comprueba que coincida con lo establecido, de lo contrario los datos no coincidirán. En begin_checkout hay dos posiciones. Lo mismo ocurre en «payment_info», currency, value, elementos.

«Shipping_info» es lo mismo, lo verificamos. Y «purchase», nuestra compra. Se marca como verde, ya que es el objetivo principal, la tarea de conversión. En «purchase» debe haber moneda. Lo segundo: ¿hay envío o no? Debe transmitirse. ID de la transacción 5304. Puede coincidir con el número de pedido. Lo ideal es que coincida. Puede ser diferente, lo importante es saber de dónde se obtiene esta cifra. A veces la gente cambia diferentes parámetros, se preguntan. Todo debe coincidir. Y los elementos, los abro sin falta. Se ha comprado una posición y la segunda también. El valor coincide con 2564. Todo ha coincidido perfectamente.

Ejemplo de informe de la cuarta analítica de Google

¿Ve lo que se ha hecho? Se ha configurado la cuarta analítica. ¿Qué informes se pueden ver ahora, qué se puede analizar o consultar? Ahora le mostraré un ejemplo de cómo se ve un informe en una cuenta demo. Para qué sirve esto. Un momento, ahora abriré la analítica. Le mostraré un ejemplo con la cuenta demo de Google. La cuenta demo es una analítica a la que se puede acceder. Está agregada en datos de prueba. Alguien está probando la visualización de diferentes informes. Podemos verlo aquí. Bloque de monetización, «Ecommerce purchases», ¿qué podemos ver aquí? Podemos ver una lista de productos, sus nombres.

¿Qué podemos ver? Los informes más interesantes: vemos cuántos productos se han visto en view_item. Los hemos visto. Luego, cuántas veces se han añadido estos view_item a la cesta en total. Miren, datos de prueba. Pueden ser lógicos o ilógicos. No es crítico. Y los productos comprados.

Bueno, en consecuencia, «ingresos». Como pueden ver, Google tiene problemas con los ingresos, con la transferencia en sus cuentas de prueba. Para que los ingresos se contabilicen, es necesario que haya «moneda», y aquí quiero hacer hincapié. Este tipo de informe es uno de los más interesantes y completos, ya que permite analizar lo que ocurre con los productos. Hay un montón de informes diferentes, se puede dedicar tiempo a revisarlos por separado, etc.

Sobre la posible duplicación de eventos

Volvamos a Google Tag Manager. Hemos realizado el cuarto análisis. Fíjate, hay un matiz. Después de duplicar el evento, habrá muchos view_item o view_item_list, dependiendo de la plantilla del sitio web que utilices y del tipo de plugins que utilices para el análisis. Hay muchos. Te recomiendo que veas otro video sobre cómo evitar la duplicación de eventos. Intentaré incluirlo en la descripción del video o lo pondré como sugerencia.

Si la imagen difiere de la que he propuesto, la hemos revisado, simplemente la hemos corregido, lógicamente y de forma correcta. Todo está perfecto. No hay duplicados, excepto view_item_list, pero por ahora lo dejo así. La cuarta analítica está configurada, estupendo, perfecto.

¿Qué queda por hacer? No olvides publicar el contenedor, puedes llamarlo, por ejemplo, GA4. Con la analítica, el tema está cerrado. Ahora comenzará a registrar todos los datos.

Selección del método de identificación

¿Qué hay que corregir en el perfil de Google Analytics? Por ahora, después de grabar el video, si es necesario, puede consultar esta información en la cuenta demo de Analytics. Recomiendo que en los métodos de identificación aquí pulse «mostrar todo» y seleccione «Basado en el dispositivo», el último bloque. «Confirmar». Esto registrará los datos de una manera ligeramente diferente.

Resultados. Anuncio del próximo video.

Además, hay que vincular la cuarta herramienta de análisis con Google Ads. ¿Cómo se hace esto? Lo describiré en la siguiente etapa, cuando comencemos a crear una cuenta publicitaria de Google Ads.

Por ahora hemos terminado con la analítica. Continuemos con las etapas relacionadas con la configuración de otros aspectos.