Cómo asignar un valor o precio a un evento

Asignar valores a tus eventos ayuda a Meta a optimizar la entrega de anuncios y medir el ROI. PixelFlow te permite asociar precios y valores a eventos como Purchase, Lead y AddToCart mediante varios métodos, según tu configuración.

Establece tu moneda predeterminada

Comienza configurando la moneda de todo tu sitio en el panel de PixelFlow:

1. Ve a Panel → Sitios

2. Haz clic en Editar en tu sitio o en Añadir sitio para sitios nuevos

3. Introduce el código de tu moneda (por ejemplo, USD, EUR, GBP) en el campo de moneda

4. Haz clic en Guardar

Esta moneda se aplica a todos los eventos, a menos que la reemplaces por evento mediante los métodos que se indican a continuación.

Método 1: Extraer valores de los parámetros de URL

Ideal para páginas de agradecimiento o confirmaciones de pedidos donde el precio aparece en la URL (por ejemplo, /thank-you?total=99.99).

1. En el panel, ve a Sitios y haz clic en Editar en tu sitio

2. Haz clic en Añadir URL o edita un patrón de URL existente

3. Pega tu patrón de URL (por ejemplo, /order-confirmation)

4. Selecciona el tipo de evento (por ejemplo, Purchase)

5. Activa "¿Extraer datos de los parámetros de URL?"

6. En el menú desplegable de asignación, selecciona el nombre del parámetro de URL (por ejemplo, price o total) y asígnalo a valor

7. Haz clic en Guardar

PixelFlow extraerá automáticamente el valor cuando se cargue la página y lo incluirá en la carga útil del evento que se envía a Meta.

Método 2: Usar clases CSS en los campos de formulario

Ideal para formularios de pago o de clientes potenciales donde los usuarios introducen un precio o valor.

Añade la clase CSS info-val-pf a cualquier campo de entrada que contenga el valor:

<input type="text" class="info-val-pf" value="99.99">

Cuando se active el evento (por ejemplo, al enviar el formulario), PixelFlow leerá el valor del campo y lo asociará al evento.

Para reemplazar la moneda por campo, utiliza info-currency-pf:

<input type="hidden" class="info-currency-pf" value="GBP">

Método 3: Activar la extracción automática para comercio electrónico

En sitios de Webflow o Squarespace con comercio electrónico nativo, PixelFlow extraerá automáticamente los valores de las páginas del carrito y de pago.

En Webflow eCommerce, debes activarlo durante la configuración de tu sitio web.

En Squarespace eCommerce, ya está activado de forma predeterminada.

PixelFlow detectará los precios de los productos, los totales del carrito y la moneda a partir de la capa de datos de tu plataforma de comercio electrónico.

Método 4: Hacer un seguimiento de los valores con la API de JavaScript

Para tener un control total o gestionar flujos personalizados (por ejemplo, precios dinámicos o suscripciones), utiliza la API de JavaScript de PixelFlow:

window.pixelFlow.trackEvent("Purchase", {
  value: 99.99,
  currency: "USD",
  contents: [
    { id: "prod_123", quantity: 1, item_price: 99.99 }
  ],
  num_items: 1
}, {
  em: "[email protected]",
  fn: "Jane",
  ln: "Doe"
});

Este método funciona en cualquier página o activador (clics en botones, finalizaciones de solicitudes AJAX, etc.). Obtén más información en la guía API de seguimiento programático.

Método 5: Extracción mediante JavaScript personalizado

Para plataformas como ClickFunnels o procesos de pago personalizados, escribe un script que extraiga el valor de la capa de datos o del DOM de tu página:

<script>
(function () {
  // Example: Extract order total from localStorage
  var checkoutData = JSON.parse(localStorage.getItem("cf_checkout_details"));
  var orderTotal = checkoutData ? checkoutData.products_total_price : 0;

  // Track Purchase event with extracted value
  window.pixelFlow.trackEvent("Purchase", {
    value: orderTotal,
    currency: "USD"
  });
})();
</script>

Coloca este script en tu página de confirmación después de que se cargue el script de PixelFlow.

Verificar los valores en el Administrador de eventos de Meta

Después de configurar los valores, comprueba que se envíen correctamente:

1. Abre Administrador de eventos de Meta y selecciona tu píxel

2. Ve a Eventos de prueba

3. Completa una transacción de prueba o envía un formulario en tu sitio

4. Busca tu evento en el feed de Eventos de prueba

5. Expande el evento y confirma que valor y moneda aparezcan en los parámetros

¿Qué método debes usar?

• Parámetros de URL: ideales para páginas de agradecimiento sencillas con precios en la URL

• Clases CSS: perfectas para formularios de clientes potenciales o procesos de pago de un solo producto

• Extracción automática: la opción más sencilla para sitios de comercio electrónico de Webflow/Squarespace

• API de JavaScript: necesaria para flujos personalizados, precios dinámicos o eventos que no están vinculados a cargas de página

• Scripts personalizados: úsalos cuando tu plataforma almacene los datos de los pedidos en un formato propio

Para obtener más información sobre los parámetros de eventos, consulta Parámetros específicos de eventos y Introducción a los parámetros de eventos.