Cómo llevar el seguimiento de eventos personalizados con UET

Cómo llevar el seguimiento de eventos personalizados con UET

Aprende a crear eventos personalizados que te permitan llevar el seguimiento de más de un tipo de conversión para una sola página web.

Bing Ads te permite llevar el seguimiento de eventos personalizados en tu sitio web, como la descarga de notas del producto o la suscripción a boletines, para contarlos como conversiones. Para obtener más información, consulta Motivos para llevar el seguimiento de eventos personalizados.

requisitos

Antes de comenzar la configuración de eventos personalizados, asegúrate de que tienes:

Cómo configurar eventos personalizados

Paso 1: Agregar el código de seguimiento de la etiqueta de UET al sitio webexpando image
  1. En el panel izquierdo de Bing Ads, haz clic en Seguimiento de conversiones > Etiquetas de UET.
  2. Busca la etiqueta de UET que quieres usar y, en la columna Acción, haz clic en Ver etiqueta.
  3. Haz clic en Copiar.
  4. En el código del sitio web, pega la etiqueta en una de las siguientes ubicaciones:
    <head>Your page title 
     

    // Option 1: Insert your UET tag here, between the "head" tags.


    </head>

    <body> 

    // Option 2: Insert your UET tag here, right after beginning of the "body" tag.


       ...
    <button>Download now</button>
       ...
    </body>
Paso 2: Crear un objetivo de conversión o una lista de remarketingexpando image
  • Creación de un objetivo de conversión para un evento personalizado:
    1. En el panel izquierdo de Bing Ads, haz clic en Seguimiento de conversiones > Objetivos de conversiones.
    2. Haz clic en Crear objetivo de conversión.
    3. Da un nombre a tu objetivo de conversión, selecciona Evento para Tipo y después haz clic en Siguiente.
    4. Elige los parámetros de los informes cuando registres eventos personalizados mediante la asignación de una cadena de texto o un valor numérico a cada uno de los que quieras usar. Los parámetros posibles son:
      • Categoría: La categoría de evento del que quieres llevar un seguimiento. Supongamos que quieres llevar el seguimiento de las descargas de un documento en una página de tu sitio. Para este ejemplo, la categoría podría ser "downloads".
      • Acción: El tipo de interacción de usuario de la que quieres llevar un seguimiento. Para nuestro ejemplo, "downloadbuttonclick".
      • Etiqueta: El nombre del elemento que ha provocado la acción. Para nuestro ejemplo, "document05".
      • Valor: Un valor numérico asociado al evento. Para nuestro ejemplo, el número de páginas del documento: "4".
        El valor de evento puede ser cualquier valor entre 0 y 9999999 con tres espacios decimales.

      Nota

      Personalizarás el código de seguimiento de la etiqueta de UET para que coincida con los valores definidos aquí (esto se trata en el Paso 3). Esto permitirá que Bing Ads busque la coincidencia de estos valores con los eventos personalizados que se están registrando mediante UET para contar conversiones.

    5. Seleccione el Valor de ingresos, el Recuento y la Ventana de conversiones para este objetivo de eventos personalizados.
    6. Para Etiqueta de UET, selecciona la etiqueta de UET que has agregado a tu sitio web en el Paso 1.
    7. Haz clic en Guardar.

    Nota

    Cada acción que detectemos que coincida con tu objetivo de conversión se contará como una conversión.

  • Creación de una lista de remarketing para un evento personalizado:
    1. En el panel izquierdo de Bing Ads, haz clic en Biblioteca compartida > Públicos.
    2. Haz clic en Crear lista de remarketing.
    3. Para Quién agregar al público, selecciona Eventos personalizados.
    4. Elige los parámetros de los informes cuando registres eventos personalizados mediante la asignación de una cadena de texto o un valor numérico a cada uno de los que quieras usar. Los parámetros posibles son:
      • Categoría: La categoría de evento del que quieres llevar un seguimiento. Supongamos que quieres llevar el seguimiento de las descargas de un documento en una página de tu sitio. Para este ejemplo, la categoría podría ser "downloads".
      • Acción: El tipo de interacción de usuario de la que quieres llevar un seguimiento. Para nuestro ejemplo, "downloadbuttonclick".
      • Etiqueta: El nombre del elemento que ha provocado la acción. Para nuestro ejemplo, "document05".
      • Valor: Un valor numérico asociado al evento. Para nuestro ejemplo, el número de páginas del documento: "4".
        El valor de evento puede ser cualquier valor entre 0 y 9999999 con tres espacios decimales.

      Importante

      Personalizarás el código de seguimiento de la etiqueta de UET para que coincida con los valores definidos aquí (esto se trata en el Paso 3). Esto permitirá que Bing Ads busque la coincidencia de estos valores con los eventos personalizados que se están registrando mediante UET para contar conversiones.

    5. Establece la Duración de la suscripción para indicar a Bing Ads hasta cuánto tiempo en el pasado debe buscar acciones que coincidan con la definición de la lista de remarketing para poder agregar gente a la lista.
    6. Para Nombre de la etiqueta, selecciona la etiqueta de UET que has agregado a tu sitio web en el Paso 1.
    7. Haz clic en Guardar.
    8. Asociar una lista de remarketing a grupos de anunciosAsociar la lista de remarketing a un grupo de anuncios
Paso 3: Modificar el código de seguimiento de la etiqueta de UET en tu sitio webexpando image
Siguiendo nuestro ejemplo en el Paso 2, supongamos que el evento personalizado del que quieres llevar el seguimiento en la página web es gente que hace clic en el botón "Descargar ahora" (este sería un evento de Acción, tal como se ha explicado arriba).
  1. Agrega el siguiente código JavaScript del evento personalizado debajo de la etiqueta de UET que has agregado en el código de tu página web en el Paso 1:
    <head>Your page title 
    </head>

    <body>

     // Let's say this is where you pasted the UET tag in Step 1.


    <script>Your UET tag is here.</script>

     // Here is where to paste the following JavaScript:

    <script>
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
    </script>



       ...
    <button>Download now</button>

       ...
    </body>
  2. Da a este fragmento de código un nombre de función. El nombre de función puede ser cualquier cosa, siempre que no se haya usado ya en tu sitio web. En este ejemplo, lo llamaremos "GetCustomEvent()":
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>

       function GetCustomEvent() {

       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});

       }

    </script>

       ...
    <button>Download now</button>

       ...
    </body>
  3. Ahora deberás personalizar el código de tu página web para llamar a esta función cuando se produzca la acción adecuada. En nuestro ejemplo, el evento personalizado es un clic del botón "Descargar ahora", así que tendremos que agregar una llamada en el código del botón:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
       }
    </script>

       ...
    <button <nolocalize><c_data><font color="ff0027" size="2">OnClick="GetCustomEvent()"</font></c_data></nolocalize>>Download now</button>

       ...
    </body>
  4. Fíjate en los cuatro parámetros distintos del JavaScript del evento personalizado: 'event', 'event_category', 'event_label' y 'event_value'. Estos corresponden a los parámetros que pudiste definir para el objetivo de conversión del evento personalizado en el Paso 2. En el JavaScript que has agregado, los parámetros tienen los valores de marcador de posición asignados:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  5. El JavaScript que has agregado debe devolver un valor a Bing Ads cuando se produce el evento personalizado, y ese valor debe coincidir con lo especificado en el Paso 2. En nuestro ejemplo, llevamos el seguimiento de clics de botón, que son eventos de Acción tal como se muestra en el Paso 2 (y que se representan con 'event' en el JavaScript). Por lo tanto, tendríamos que modificar el valor del marcador de posición del parámetro 'event' (y podemos quitar los otros tres parámetros):
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'downloadbuttonclick', {});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  6. Guarda e implementa el código del sitio web editado.
Consejos para trabajar con eventos personalizadosexpando image
  • uetq es un objeto de JavaScript cuya instancia la crea el código de seguimiento de UET cuando se carga la página.
  • Se debe crear una instancia del código que hay en la etiqueta <script></script> cuando se complete la acción del usuario (por ejemplo, un clic de un botón). Podría estar conectado directamente a un evento OnClick o dentro de una función de JavaScript conectada al evento OnClick.
  • El comando 'event' siempre es necesario, aunque no se notifique ninguna acción de evento. En ese caso, puedes establecer la acción de evento como:
    • Vacía. Por ejemplo:
      <script>
         window.uetq = window.uetq || []; 
         window.uetq.push('event', '', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});  
      </script>
    • Una de las siguientes acciones podría ayudarte a identificar la acción de evento en el futuro:
      add_payment_info, add_to_cart, add_to_wishlist, begin_checkout, checkout_progress, exception, generate_lead, login, page_view, purchase, refund, remove_from_cart, screen_view, search, select_content, set_checkout_option, share, sign_up, timing_complete, view_item, view_item_list, view_promotion, view_search_results
      Por ejemplo:
      <script>
         window.uetq = window.uetq || []; 
         window.uetq.push('event', 'add_payment_info', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});  
      </script>
  • Si solo llevas el seguimiento de acciones de evento, puedes quitar los demás parámetros del código. Por ejemplo:
    <script>
       window.uetq = window.uetq || []; 
       window.uetq.push('event', 'Event action', {});  
    </script>
  • Puedes usar cualquier valor de cadena para Replace_with_Event_Category, Acción de evento y Replace_with_Event_Label.
  • Debido a que es un valor numérico, puedes enviar el valor del evento sin comillas. Por ejemplo, <button onclick="window.uetq = window.uetq || []; window.uetq.push({ 'event_category':'Video', 'event':'Play', 'event_label':'Product Demo', 'event_value':5 });">Play</button>. El valor de evento 5 se pasa sin comillas.
  • También puedes pasar ingresos variables con los eventos personalizados. Para obtener más información, consulta Cómo generar informes de ingresos variables con UET.
Notas
  • Puedes validar el buen funcionamiento de tus eventos personalizados con el Asistente de la etiqueta de UET
  • Para ver un ejemplo del código de seguimiento de la etiqueta de UET de un evento personalizado instalado en el texto de una página web, visita esta página web (solo en inglés), haz clic con el botón derecho en la página web y después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. En esta página, también verás algunos botones. Al hacer clic en cada botón se activará un evento personalizado. Si usas una herramienta de supervisión de terceros como Fiddler, podrás ver la solicitud HTTP generada para bat.bing.com para notificar cada evento personalizado.
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Bing Ads acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los eventos personalizados, se activa una solicitud HTTP adicional para notificar lo mismo a Bing Ads. La solicitud es similar a la de bat.bing, pero tiene parámetros diferentes para notificar eventos personalizados (a diferencia de la de las visitas de páginas).

See more videos...