Actualizar las etiquetas de UET con la nueva sintaxis

Infórmate sobre los motivos para actualizar las etiquetas de UET con la nueva sintaxis y cómo hacerlo.
Nota

¿No sabes qué es UET? Compruébelo ¿Qué es UET y cómo puede ayudarme?

Hemos actualizado la sintaxis de las etiquetas UET de JavaScript. Te recomendamos que actualices las etiquetas UET existentes en el código de tu sitio web para aprovechar la nueva sintaxis.

Ventajas de usar la nueva sintaxis

La nueva sintaxis:

  • Codifica automáticamente en la URL (codificación porcentual) los valores de los parámetros, garantizando que las URL no se traduzcan incorrectamente.
  • Admite sitios web de aplicación de página única (SPA).
  • Permite establecer parámetros a nivel de página de cualquier evento de UET compatible en tu página web.
  • Tiene nombres de parámetros fáciles de comprender, lo que ayuda a organizarlos y administrarlos.

¿Qué cambia en las etiquetas actualizadas?

  1. El parámetro de acción de evento ahora es obligatorio en las etiquetas de UET de eventos personalizados y de ingresos variables, y este parámetro aparece primero en los dos casos.
  2. Los nombres de parámetros de JavaScript de los eventos personalizados y los ingresos variables son ahora más fáciles de comprender:
Sintaxis antigua Sintaxis nueva
ea event
ec event_category
el event_label
ev event_value
gv revenue_value
gc currency

Comparación de sintaxis

Sintaxis antigua (evento personalizado):

<script>
   window.uetq = window.uetq || [];
   window.uetq.push ({'ec': 'Replace_with_Event_Category', 'ea': 'Replace_with_Event_Action', 'el': 'Replace_with_Event_Label', 'ev': 'Replace_with_Event_Value'});
</script>

Sintaxis nueva (evento personalizado):

<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>


Sintaxis antigua (ingresos variables):

<script>
   window.uetq = window.uetq || [];
   window.uetq.push ({'gv': 'Replace_with_Revenue_Value', 'gc': 'Replace_with_Currency_Code'});
</script>

Sintaxis nueva (ingresos variables):

<script>
   window.uetq = window.uetq || [];
   window.uetq.push ('event', '', {'revenue_value': 'Replace_with_Revenue_Value', 'currency': 'Replace_with_Currency_Code'});
</script>

Ejemplos

Seguimiento de los cuatro tipos de eventos personalizados:

<script>
   window.uetq = window.uetq || [];
   window.uetq.push ('event', 'Contoso_Event_Action', {'event_category': 'Contoso_Event_Category', 'event_label': 'Contoso_Event_Label', 'event_value': 'Contoso_Event_Value'});
</script>

No es seguimiento de acción de evento, sino seguimiento de los otros tres tipos de evento (observa que "event" permanece con su valor vacío):

<script>
   window.uetq = window.uetq || [];
   window.uetq.push ('event', '', {'event_category': 'Contoso_Event_Category', 'event_label': 'Contoso_Event_Label', 'event_value': 'Contoso_Event_Value'});
</script>

Solo seguimiento de la acción del evento (observa que los otros tipos de evento innecesarios se han eliminado):

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

Obtener más información

See more videos...