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 a través de múltiples métodos dependiendo de tu configuración.

Configura tu moneda predeterminada

Comienza configurando la moneda de 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. Ingresa tu código de moneda (ej. USD, EUR, GBP) en el campo de moneda

4. Haz clic en Save

Esta moneda se aplica a todos los eventos a menos que la sobrescribas por evento utilizando los métodos a continuación.

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

Ideal para páginas de agradecimiento o confirmaciones de pedido donde el precio aparece en la URL (ej. /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 (ej. /order-confirmation)

4. Selecciona tu tipo de evento (ej. Purchase)

5. Activa la opción "Extract data from URL parameters?"

6. En el menú desplegable de mapeo, selecciona el nombre de tu parámetro de URL (ej. price o total) y vincúlalo a value

7. Haz clic en Save

PixelFlow extraerá automáticamente el valor cuando la página se cargue 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 de clientes potenciales donde los usuarios ingresan 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 el evento se activa (ej. al enviar el formulario), PixelFlow lee el valor del campo y lo adjunta 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 puede extraer automáticamente los valores de tu carrito y páginas de pago.

1. Ve a Dashboard → Sites → Edit

2. Desplázate hasta Advanced Setup → E-commerce

3. Activa Auto-extract para los eventos Purchase o InitiateCheckout

4. Haz clic en Save

PixelFlow detectará los precios de los productos, los totales del carrito y la moneda desde la capa de datos (data layer) de tu plataforma de e-commerce.

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

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

Método 5: Extracción personalizada mediante JavaScript

Para plataformas como ClickFunnels o procesos de pago 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 los valores en el Administrador de eventos de Meta

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

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

2. Ve a Probar eventos

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

4. Busca tu evento en el feed de Probar eventos

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

¿Qué método deberías usar?

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

• Clases CSS: Perfecto para formularios de clientes potenciales o pagos de un solo producto

• Auto-extracción: Lo más fácil para sitios de e-commerce en Webflow/Squarespace

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

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

Para más detalles sobre los parámetros de eventos, consulta Event Specific Parameters e Introduction to Event Parameters.