Cómo asignar un valor/precio a un evento

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

Configura tu moneda predeterminada

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

1. Ve a Dashboard → Sites

2. Haz clic en Edit en tu sitio o en Add Site 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 Save

Esta moneda se aplicará a todos los eventos, a menos que la sobrescribas por evento con los métodos de abajo.

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

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

1. En tu panel, ve a Sites y haz clic en Edit en tu sitio

2. Haz clic en Add 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 "Extract data from URL parameters?"

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

7. Haz clic en Save

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

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

Ideal para formularios de pago o formularios de generación de leads en los que 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 dispare el evento (por ejemplo, al enviar el formulario), PixelFlow leerá el valor del campo y lo adjuntará al evento.

Para sobrescribir la moneda por campo, usa info-currency-pf:

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

Método 3: Activar la extracción automática para e-commerce

Para sitios de Webflow o Squarespace con e-commerce nativo, PixelFlow extraerá automáticamente los valores de tus páginas de carrito y pago.

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

En Squarespace eCommerce, esto ya viene 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 e-commerce.

Método 4: Seguimiento de valores con la API de JavaScript

Para tener control total o para flujos personalizados (por ejemplo, precios dinámicos, suscripciones), usa 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 de botón, finalizaciones AJAX, etc.). Obtén más información en la guía de Programmatic Tracking API.

Método 5: Extracción personalizada con JavaScript

Para plataformas como ClickFunnels o pagos personalizados, escribe un script para extraer 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 valores en Meta Events Manager

Después de configurar los valores, comprueba que se estén enviando correctamente:

1. Abre Meta Events Manager y selecciona tu píxel

2. Ve a Test Events

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

4. Busca tu evento en el feed de Test Events

5. Expande el evento y confirma que value y currency aparezcan en los parámetros

¿Qué método deberías usar?

• URL parameters: Lo mejor para páginas de agradecimiento sencillas con precios en la URL

• CSS classes: Perfecto para formularios de leads o pagos de un solo producto

• Auto-extract: Lo más fácil para sitios de e-commerce de Webflow/Squarespace

• JavaScript API: Necesaria para flujos personalizados, precios dinámicos o eventos no vinculados a la carga de páginas

• Custom scripts: Úsalo cuando tu plataforma almacene los datos del pedido en un formato propietario

Para obtener más detalles sobre los parámetros de evento, consulta Event Specific Parameters y Introduction to Event Parameters.