Rastrear el origen de tráfico y añadirlo a los formularios de WordPress

Tabla de contenidos

Una de las dificultades más comunes que enfrentan las agencias de marketing es verificar realmente cuántos formularios se envían desde diferentes fuentes de tráfico en sus sitios web de WordPress, pues en ocasiones no coinciden los formularios enviados a los leads que nos reporta la agencia o el departamento de marketing. En este tutorial mostraremos una solución efectiva que utiliza el rastreo de origen de tráfico.

Reporte de Leads vs Formularios recibidos

Imagina que has contratado una agencia de marketing o que cuentas con un equipo de marketing interno. Te dicen que se han generado un cierto número de leads valiosos a través de campañas publicitarias en varias plataformas, pero esos números no corresponden con los formularios recibidos.

También puede pasar que no tienes forma de ver si el formulario se ha rellenado por una visita de dicha publicidad y si por el contrario, ha sido por una visita orgánica. ¿Cómo puedes estar seguro de que esos números son precisos? La confianza es crucial, pero la verificación es aún más importante. En este artículo, descubrirás cómo asegurarte de manera sólida y precisa de que los leads reportados sean reales.

La Solución: Rastreo de Origen de Tráfico en WordPress

La clave para abordar este desafío es implementar un sistema de rastreo de origen de tráfico en tu sitio web. Esta solución te permitirá verificar de manera sólida y precisa la fuente de tus leads, lo que te ayudará a tomar decisiones basadas en datos con confianza.

A lo largo de este artículo, te guiaremos a través de la implementación de este sistema, paso a paso, para que puedas asegurarte de que los números de leads informados sean verídicos.

¿Cómo identificamos el origen del trafico y lo añadimos al formulario?

Vamos a explicar el funcionamiento, imagina que tienes contratado con una agencia publicidad en Google Ads y quieres medir exactamente cuantos formularios entran con esa agencia. Lo primero será hablar con la agencia y decirles que toda campaña que creen utilicen en la URL el atributo utm_source y añadan el nombre de la agencia, o cualquier nombre que se pueda contralar o medir.

Ejemplo: https://www.generacionweb.es/?utm_source=ads

Vale, ahora por nuestra parte tenemos que implementar en el formulario un campo nuevo oculto (hidden) con el objetivo de que si existe en la URL un atributo utm_source, se rellene el campo oculto con el valor de dicho atributo, en esta caso se rellenaría con el valor ‘ads‘. Debemos añadir un id a este campo para luego poder rellenarlo automáticamente, en el código usamos el id llamado ‘origen‘ para el campo oculto.

* Nota: los formularios de Elementor te cambian el nombre de id, cuando tengas el formulario publicado, inspecciona elemento y coge su id oculto que haya generado Elementor. En el ejemplo Elementor cambio el id 0rigen por form-field-origen

Resumiendo:

  • La agencia nos pasa en las URLS el atributo a medir
  • Preparamos los formularios con una campo oculto y averiguamos su id para añadirlo al código
  • Pegamos el código en el functions.php y que se haga la magia

 

Ejemplo de nuestro formulario con el campo de origen oculto

CAMPO OCULTO

 

Ejemplo de añadir un campo oculto con los formularios de Elementor, añadimos el ID al campo oculto del formulario, en este ejemplo lo llamamos origen

campo oculto elementor

 

Añadimos ese valor en el asunto del mensaje, para que podamos ver su origen directamente en los formularios del cliente

ADD ORIGEN ASUNTO

 

Así llegan los formularios con el origen en el asunto:

Captura de pantalla 2023 09 23 a las 16.26.11

pepesowy

¿Cómo Funciona el Código?

Para implementar esta solución, necesitas dos funciones de PHP en tu sitio de WordPress. Aquí están las explicaciones:

  1. Función set_source_in_hidden_fieldEsta función coloca el valor de utm_source en un campo oculto del formulario. Si el parámetro utm_source está presente en la URL o si se encuentra en una cookie, este valor se utilizará. De lo contrario, se establecerá como «Organico».
  2. Función set_source_cookieEsta función se encarga de establecer la cookie utm_source en el servidor si el parámetro utm_source está presente en la URL. Puedes ajustar la duración de esta cookie según tus necesidades.

Implementación en WordPress

Para implementar este código en tu sitio de WordPress, sigue estos pasos:

  1. Coloca ambas funciones en el archivo functions.php de tu tema de WordPress.
  2. Asegúrate de que el formulario en tu sitio incluya un campo oculto con el ID form-field-origen.
  3. Ajusta la duración de la cookie cambiando el valor de $dias_cookie_activa según tus necesidades.

¡Y eso es todo! Ahora podrás rastrear con precisión el origen de tráfico de tus leads.

Conclusión

Medir con precisión los formularios en WordPress es esencial para tomar decisiones informadas en marketing digital. El rastreo de origen de tráfico ofrece una solución efectiva para este problema común. Con las funciones proporcionadas, podrás implementar esta solución en tu sitio de WordPress y comenzar a tomar decisiones basadas en datos reales.

Código PHP: Rastreo de Origen de Tráfico

Pega este código en tu functions.php o en tu plugin de snippets.

  • Cambia en $id_input_hidden = ‘form-field-origen‘;  el id de tu campo oculto
  • Cambia en $dias_cookie_activa = 2; el número de días que quieres que se guarde el valor del origen para cada usuario

 

function set_source_in_hidden_field() {
    // Variables personalizadas
    $id_input_hidden = 'form-field-origen';


    // Verifica si el parámetro utm_source está presente en la URL
    if (isset($_GET['utm_source'])) {
        // Obtiene el valor de utm_source de la URL
        $utm_source = sanitize_text_field($_GET['utm_source']);
    } elseif (isset($_COOKIE['utm_source'])) {
        // Si la cookie ya existe, obtén su valor
        $utm_source = sanitize_text_field($_COOKIE['utm_source']);
    } else {
        // Si no se encuentra utm_source en la URL ni en las cookies, establece el valor como "Organico"
        $utm_source = 'Organico';
    }

    // Agrega el valor de utm_source al campo oculto del formulario
    echo '<script>
            document.addEventListener("DOMContentLoaded", function() {
                var origenField = document.querySelector("#' . $id_input_hidden . '");
                if (origenField) {
                    origenField.value = "' . $utm_source . '";
                }
            });
        </script>';
    
}

add_action('wp_footer', 'set_source_in_hidden_field');



// Función para establecer la cookie utm_source en el servidor
function set_source_cookie() {
    // Verifica si el parámetro utm_source está presente en la URL
    if (isset($_GET['utm_source'])) {
        // Obtiene el valor de utm_source de la URL
        $utm_source = sanitize_text_field($_GET['utm_source']);

        // Define la duración de la cookie (en segundos)
        $dias_cookie_activa = 2;
        $cookie_duration = $dias_cookie_activa * 24 * 60 * 60;

        // Establece la cookie con el valor de utm_source en el servidor
        setcookie('utm_source', $utm_source, time() + $cookie_duration, '/');
    }
}

add_action('init', 'set_source_cookie');

 

Picture of Jose Hilario
Jose Hilario
¡Apasionado del diseño web! Especializado en WordPress, WooCommerce y Elementor PRO. Me encanta diseñar páginas web atractivas y optimizadas para SEO. Mi objetivo: impulsar a las empresas con un diseño web atractivo y funcional.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Relacionados: