En el siguiente ejemplo, configuraremos el seguimiento de conversiones para un clic en un elemento de menú de una página de WordPress.
En nuestro ejemplo, queremos rastrear todos los clics realizados en el elemento de menú "¿Nuevo aquí?".
Paso 1 - Crear la conversión con Trackboxx
Para ello, accedemos a la vista general de sitios web a través de los ajustes (rueda dentada) y seleccionamos la opción "Destinos" del sitio web correspondiente.
Aquí añadimos un nuevo proyecto de destino y le damos un nombre adecuado. En nuestro caso, haga clic en "¿Nuevo aquí?" - en el menú principal.
Una vez creado el proyecto de destino, ya tenemos el fragmento de código correspondiente. El elemento más importante aquí es en realidad el ID en el script.
En nuestro artículo "¿Cómo utilizar el seguimiento de conversiones?" encontrará aquí varios métodos para integrar el script de conversión. En nuestro caso, explicaré ahora el evento "OneClick". Esto significa que rastreamos el clic en el elemento de menú a través del etiquetado único (clase CSS) del elemento de menú.
En el caso de WordPress, por ejemplo, no es fácil introducir nuestro código de conversión en el menú, pero podemos etiquetar el elemento del menú como "único" y así realizar el seguimiento sin problemas.
Paso 2 - Añadir una clase CSS para el elemento de menú
En primer lugar, abra el menú correspondiente en la administración de WordPress, en Diseño - Menús.
Para poder añadir aquí una clase CSS, es posible que primero tengas que activar esta opción. Para ello, haz clic en la opción "Personalizar vista" de la parte superior y activa la casilla "Clases CSS".
Después de la activación, ahora tenemos un campo de entrada para la clase CSS en el elemento de menú correspondiente e introduzca "nuevo-aquí" en nuestro caso, por ejemplo, y guardar todo el asunto.
Paso 3 - Personalización e instalación del código de conversión
Ahora tomamos nuestro código de conversión y lo adaptamos en consecuencia. Existe un formato fijo para la integración a través de OneClick. Estos formatos también se pueden encontrar en nuestro resumen principal sobre el tema de seguimiento de conversiones.
Tenemos que insertar nuestra clase CSS única en el código y nuestro script final tendrá este aspecto:
<script type=text/javascript>
documento.querySelector('.nuevo-aquí').addEventListener(clic, () => {
trackboxx(trackGoal', WNUXTLZ2GT');
});
</script>Lenguaje del código: HTML, XML (xml)Información adicional Básicamente, tienes la opción de utilizar un ID CSS o una clase CSS para el etiquetado único de un elemento de menú o botón. Con WordPress, sólo la clase CSS es posible directamente en el menú, por lo que utilizamos document.querySelector en lugar de document.getElementById en el script aquí
Por ejemplo, si ha asignado un ID CSS, el código tendría el siguiente aspecto:
<script>
documento.getElementById(nuevo-aquí).addEventListener(clic, () => {
trackboxx(trackGoal', WNUXTLZ2GT');
});
</script>Lenguaje del código: HTML, XML (xml)Importante. Tu código naturalmente tiene un trackgoal: ID diferente y dependiendo de lo que hayas usado como clase CSS, este también debe tener el nombre correspondiente.
Paso 4 - Integrar el código de conversión en su página
En nuestro caso, queremos rastrear el clic en el elemento de menú correspondiente "A toda la página". Por lo tanto, en nuestro caso, insertaremos el código en el pie de página de la página.
Si sólo desea realizar un seguimiento de un clic en una página específica, por supuesto también es suficiente con integrar el script de conversión sólo en esta página.
Por supuesto, la integración en el pie de página es posible con WordPress utilizando varios métodos:
- Integración a través de una plantilla + page builder
- Integración mediante plugin, por ejemplo, "Header Footer Script".
- Integración a través de la configuración del tema o del constructor de páginas
- Integración mediante tema hijo y functions.php
En nuestro caso, utilizamos Elementor para el sitio web y, por lo tanto, utilizamos la opción "Código personalizado".
Aquí establecemos la configuración de ubicación en </body> Fin.
Guardamos todo y así hemos completado con éxito la integración del seguimiento de conversiones. Los clics en el botón deben aparecer ahora en los proyectos de destino en el panel de Trackboxx.
