Rastrea campañas con Metricalp

No hay duda de que estamos creando grandes productos para los clientes. Luego necesitamos alcanzarlos y mostrarles nuestro gran producto. Utilizamos campañas para esto. Utilizamos diferentes canales como Google, Facebook, Instagram, X (Twitter), LinkedIn, etc. Usamos diferentes tipos de campañas como búsqueda, display, video, compras, instalación de aplicaciones, compromiso con la aplicación, generación de leads, anuncios dinámicos, anuncios en carrusel, etc. Queremos alcanzar a la mayor cantidad de clientes potenciales con nuestras campañas. Para hacer esto, siempre necesitamos optimizar y mejorar nuestras campañas. Necesitamos rastrearlas, analizarlas y tomar medidas basadas en nuestro análisis. ¿Pero cómo podemos hacer esto? Whoop whoop, sí, Metricalp es la respuesta.

Existen algunos parámetros estándar de la industria para las campañas. Estos se llaman parámetros UTM. Los parámetros UTM se utilizan para rastrear la efectividad de las campañas de marketing a través de fuentes de tráfico y medios de publicación. Se anexan al final de las URL y son leídos por herramientas de análisis como Metricalp. Los cinco parámetros UTM estándar son:

• utm_source: El referente del tráfico, como Google, Facebook o boletín.
• utm_medium: El medio del tráfico, como social, correo electrónico o CPC.
• utm_campaign: El nombre de la campaña, como summer_sale o new_product_launch.
• utm_term: La palabra clave del tráfico, como running+shoes o email+marketing.
• utm_content: El contenido del tráfico, como ad_variant_a o email_variation_1.

Diseñamos Metricalp para trabajar con estos parámetros UTM. Cuando un cliente visita su sitio web con uno de estos parámetros, se adjuntará automáticamente a los eventos. Pero, aún puede utilizar sus parámetros personalizados para rastrear sus campañas. Mostraremos el método estándar de la industria y el método de parámetros personalizados a continuación.

Bien, comencemos con el método estándar de la industria. Puede usar parámetros UTM en sus URL para rastrear sus campañas. Créalo o no, eso es todo lo que necesita hacer. Metrical maneja el resto. Entonces, cuando tenga un sitio web como myawesomewebsite.com y quiera rastrear su campaña, asegúrese de que su campaña redirija a su sitio web con parámetros UTM. Por ejemplo, si tiene una campaña llamada "summer_sale" y está usando Google Ads para ello, puede usar una URL como esta:

https://myawesomewebsite.com/?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

Cuando un cliente haga clic en esta URL, Metricalp adjuntará automáticamente estos parámetros a los eventos. Verá estos parámetros en su panel de control en la tarjeta de Fuentes. Vea la imagen de portada de esta publicación como ejemplo. Es directamente de Metricalp, estamos utilizando parámetros UTM en nuestras campañas. Actualmente tenemos muchas campañas en X (Twitter) y algunas campañas de Google Ads. Nuestra convención de nombres de campañas es como "x" (significa Twitter) "ma" (significa Metricalp) y el número de anuncios de la campaña, por lo que es como "xma12". Si revisa la imagen de portada, puede ver que hemos producido muchas visitas a través de la campaña xma5. Ahora estamos tratando de optimizar nuestras otras campañas basándonos en aspectos de esa campaña xma5. Este es un caso muy básico en el que estamos utilizando Metricalp para Metricalp.

Hay un detalle en este punto (como siempre). Si su sitio web es un sistema basado en JavaScript como React, NextJS, Angular, Nuxt, etc., el script de Metricalp se cargará una vez. Así, los parámetros UTM serán leídos de la URL por Metricalp y adjuntados a todos los eventos producidos. Por ejemplo, los primeros eventos screen_view, los siguientes eventos screen_view (navegación) y el evento click_buy. Pero, si está utilizando un sitio del lado del servidor o estático como Wordpress, PHP, HTML puro, etc., el script de Metricalp se cargará una y otra vez en cada enrutamiento (navegación). Entonces, en el primer evento screen_view, los parámetros UTM se adjuntarán al evento, pero cuando el usuario navega a otra página y si no está adjuntando los mismos parámetros UTM a todas las nuevas URLs, perderá los parámetros UTM. Por lo tanto, no los tendrá para eventos click_buy, por ejemplo. Pero, ¿no sería genial? Sabemos qué campaña trae cuántos clientes, pero sería aún mejor si supiéramos qué campaña provocó más eventos click_buy (ventas). Esto es básicamente marketing 😎 Vamos a ver cómo podemos lograr esto para sistemas del lado del servidor / estáticos.

Nos beneficiaremos de un viejo amigo "sessionStorage". Mantendremos los parámetros UTM dentro del sessionStorage, que es una API de almacenamiento de datos disponible en el navegador. Es similar a localStorage, pero los datos almacenados en sessionStorage se eliminan cuando termina la sesión de la página. Una sesión de página dura mientras el navegador está abierto y sobrevive a las recargas de página y las restauraciones. Por lo tanto, podemos mantener los parámetros UTM en sessionStorage y adjuntarlos a los eventos. Veamos cómo podemos hacer esto.

  
            <script>
              let utmCampaign = sessionStorage.getItem('utm_campaign');
              if (!utmCampaign) {
                const urlParams = new URLSearchParams(window.location.search);
                utmCampaign = urlParams.get('utm_campaign');
                if (utmCampaign) {
                  sessionStorage.setItem('utm_campaign', utmCampaign);
                }    
              }
            
              window.metricalp = window.metricalp || {
                queue: [],
                sharedCustomProps: {
                  _global: {
                    utm_campaign: utmCampaign ?? undefined
                  },
                },
                event: function (e) {
                    this.queue.push(e);
                },
              };
            </script>
            <script src="https://cdn.metricalp.com/event/metricalp.js" data-tid="YOUR_TID" async></script>
        

Ahora, estamos comprobando si utm_campaign está en el sessionStorage. Si no está allí, estamos comprobando la URL para ello. Si está en la URL, lo mantenemos en sessionStorage. Luego lo pasamos globalmente para todos los eventos. Esto es mejor que pasar los mismos parámetros UTM a todas las URLs. No desordenará tus URLs. Puede utilizar este enfoque para diferentes parámetros (otros parámetros UTM y/o parámetros personalizados) y escenarios.

Apliquémoslo a los parámetros de URL personalizados. En este caso, nuestros frameworks basados en JS también necesitan analizar nuestros parámetros de la URL. Supongamos que tenemos un parámetro de URL personalizado llamado "very_custom_param" y queremos adjuntarlo a todos los eventos.

  
            <script>
              let veryCustomParam = sessionStorage.getItem('very_custom_param');
              if (!veryCustomParam) {
                const urlParams = new URLSearchParams(window.location.search);
                veryCustomParam = urlParams.get('very_custom_param');
                if (veryCustomParam) {
                  sessionStorage.setItem('very_custom_param', veryCustomParam);
                }
              }
            
              window.metricalp = window.metricalp || {
                queue: [],
                sharedCustomProps: {
                  _global: {
                    custom_prop4: veryCustomParam ?? undefined
                  },
                },
                event: function (e) {
                    this.queue.push(e);
                },
              };
            </script>
            <script src="https://cdn.metricalp.com/event/metricalp.js" data-tid="mam48" async></script>
        

Muy similar al fragmento de código anterior. Pero esta vez hemos pasado nuestro parámetro personalizado como propiedades personalizadas (hemos preferido custom_prop4). Tan simple como eso. Ahora para eventos screen_view o click_buy o cualquier evento tendrás este parámetro personalizado.

Usamos custom_prop4 arriba, pero siempre puede definir alias de prop personalizados para tener props más legibles en Metricalp. Consulte la documentación de eventos y propiedades personalizados para obtener detalles.

Eso es todo. Aprendimos cómo capturar parámetros de URL y usarlos como props con sus eventos. También aprendimos que Metricalp hace esto automáticamente en la mayoría de los escenarios para estándares de la industria como los parámetros UTM. Pero mostramos cómo se puede ampliar esto para sistemas estáticos / del lado del servidor. Esperamos que obtenga mejores conocimientos con este enfoque. Si tiene alguna pregunta o necesita ayuda, siempre puede contactarnos a través de la página de contacto.