SDK de React Native - Seguimiento de eventos en la aplicación

Seguir
Avatar
Dora Kishinevsky
Updated

Seguimiento de los ingresos dentro de la aplicación

Realice un seguimiento de los ingresos procedentes de compras dentro de la aplicación (IAP), suscripciones y fuentes de ingresos personalizadas para medir el rendimiento de la campaña y el retorno de la inversión publicitaria (ROAS).

Los datos de ingresos fluyen a través de tres canales:

  • Informes interactivos: Visualiza las métricas de ingresos en el panel de control de Singular.
  • Registros de exportación: Acceso a datos ETL detallados para análisis personalizados
  • Postbacks en tiempo real: Envíe eventos de ingresos a plataformas externas

¿Por qué realizar un seguimiento de los eventos de ingresos?

  • Análisis enriquecidos: Capture datos detallados de transacciones para mejorar los informes de Singular
  • Prevención del fraude: Incluya recibos de transacciones (por ejemplo, de Google Play o Apple App Store) para validar las compras y combatir el fraude dentro de la aplicación.
  • Optimización de campañas: Mida el ROI vinculando los ingresos a los esfuerzos de marketing

Práctica recomendada: Pasar el objeto de compra completo

Recomendamos encarecidamente pasar el objeto de compra devuelto desde el proceso In-App Purchase (IAP) de Android (Google Play Billing) o iOS (StoreKit). Esto asegura que Singular reciba detalles completos de la transacción, incluyendo:

  • ID del producto
  • Precio
  • Moneda
  • ID de la transacción
  • Datos del recibo (para validación)

Al pasar el objeto de compra completo, permite una generación de informes más rica y aprovecha las capacidades de detección de fraude de Singular, en particular para las transacciones de Google Play.

Integración de compras dentro de la aplicación

Captura del objeto de compra IAP

Utilice las bibliotecas IAP específicas de la plataforma para recuperar el objeto de compra con los detalles completos de la transacción.

  • iOS: Utiliza react-native-iap o similar para acceder a los detalles de compra de StoreKit.
  • Android: Utiliza react-native-iap o la biblioteca de facturación de Google Play para obtener el objeto de compra

Método InAppPurchase

Realiza un seguimiento de los eventos de compra dentro de la aplicación con detalles de compra para la validación de ingresos y la prevención del fraude.

Firmas de métodos : 

static inAppPurchase(eventName: string, purchase: SingularIOSPurchase | SingularAndroidPurchase): void
static inAppPurchaseWithArgs(eventName: string, purchase: SingularIOSPurchase | SingularAndroidPurchase, args: Record<string, any>): void

Para obtener la lista completa de métodos, consulta la referencia del método inAppPurchase .

Ejemplo de implementación de IAP completo

Implemente un receptor de compras completo que capture eventos de IAP y los envíe a Singular con objetos de compra específicos de la plataforma.

New Architecture Old Architecture 
// TurboModule direct API (React Native 0.76+ New Architecture)
import { Platform } from 'react-native';
import NativeSingular from 'singular-react-native/jsNativeSingular';
import { 
  SingularIOSPurchase, 
  SingularAndroidPurchase 
} from 'singular-react-native';
import { 
  initConnection,
  getProducts,
  setPurchaseListener,
  finishTransaction,
  IAPResponseCode
} from 'react-native-iap';

// Helper function to convert price to a double
const getPriceAsDouble = (product) => {
  if (Platform.OS === 'android' && product.priceAmountMicros) {
    // Android: Convert priceAmountMicros to double
    return product.priceAmountMicros / 1000000.0;
  } else if (Platform.OS === 'ios') {
    // iOS: Parse price string (e.g., "$4.99" -> 4.99)
    const priceString = product.price.replace(/[^0-9.]/g, '');
    return parseFloat(priceString) || 0.0;
  }
  return 0.0; // Fallback
};

// Set up purchase listener
const handlePurchases = async () => {
  try {
    // Initialize connection
    await initConnection();

    // Set purchase listener
    setPurchaseListener(async ({ responseCode, results }) => {
      if (responseCode === IAPResponseCode.OK) {
        for (const purchase of results) {
          if (!purchase.acknowledged) {
            // Fetch product details
            const products = await getProducts({ skus: [purchase.productId] });
            const product = products.length > 0 ? products[0] : null;
            if (!product) return;

            // Create purchase object
            let singularPurchase = null;

            if (Platform.OS === 'ios') {
              singularPurchase = new SingularIOSPurchase(
                getPriceAsDouble(product),
                product.currency ?? 'USD',
                purchase.productId,
                purchase.transactionId ?? '',
                purchase.transactionReceipt
              );
            } else if (Platform.OS === 'android') {
              const jsonData = JSON.parse(purchase.transactionReceipt || '{}');
              const receipt = jsonData.purchaseToken || '';

              singularPurchase = new SingularAndroidPurchase(
                getPriceAsDouble(product),
                product.currency ?? 'USD',
                purchase.transactionReceipt,
                purchase.signatureAndroid
              );
            } else {
              return;
            }

            // Track in-app purchase
            NativeSingular.inAppPurchase('iap_purchase', singularPurchase);

            // Complete the purchase
            await finishTransaction(purchase, Platform.OS === 'ios');
          }
        }
      }
    });
  } catch (error) {
    console.error('Error handling purchases:', error);
  }
};

// Call handlePurchases when your app starts
handlePurchases();

Seguimiento manual de ingresos

Ingresos sin validación de compra

Realice un seguimiento de los ingresos pasando la divisa, el importe y los detalles opcionales del producto sin el objeto de compra. Tenga en cuenta que este método no proporciona recibos de transacción para su validación.

Importante: Al enviar eventos de ingresos sin un objeto de compra válido, Singular no valida las transacciones. Recomendamos encarecidamente utilizar los métodos inAppPurchase() descritos anteriormente siempre que sea posible.

Nota: Pase la moneda como un código de moneda ISO 4217 de tres letras, por ejemplo, USD , EUR , INR .

Método de ingresos

Seguimiento de eventos de ingresos simples con una divisa y un importe especificados.

New Architecture Old Architecture 
// TurboModule direct API (React Native 0.76+ New Architecture)
import NativeSingular from 'singular-react-native/jsNativeSingular';

// Track revenue without product details
NativeSingular.revenue('USD', 4.99);

Firma del método : 

static revenue(currency: string, amount: number): void

Para ver la lista completa de métodos, consulte la referencia del método revenue .

Método RevenueWithArgs

Realiza el seguimiento de eventos de ingresos con una divisa, un importe y atributos personalizados adicionales especificados.

New Architecture Old Architecture 
// TurboModule direct API (React Native 0.76+ New Architecture)
import NativeSingular from 'singular-react-native/jsNativeSingular';

// Track revenue with attributes
NativeSingular.revenueWithArgs('USD', 9.98, {
  productSKU: 'coin_package_abc123',
  productName: 'Coin Pack 10',
  productCategory: 'Bundles',
  productQuantity: 2,
  productPrice: 4.99,
  transaction_id: 'T12345'
});

Firma del método : 

static revenueWithArgs(currency: string, amount: number, args: Record<string, any>): void

Para obtener la lista completa de métodos, consulte la referencia del método revenue WithArgs.

Método CustomRevenue

Realiza el seguimiento de eventos de ingresos personalizados con un nombre de evento, moneda e importe especificados.

New Architecture Old Architecture 
// TurboModule direct API (React Native 0.76+ New Architecture)
import NativeSingular from 'singular-react-native/jsNativeSingular';

// Track custom revenue event
NativeSingular.customRevenue('PremiumUpgrade', 'USD', 9.99);

Firma del método : 

static customRevenue(eventName: string, currency: string, amount: number): void

Para obtener la lista completa de métodos, consulte la referencia del método customRevenue .

Método CustomRevenueWithArgs

Realiza el seguimiento de eventos de ingresos personalizados con un nombre de evento, divisa, importe y atributos personalizados adicionales especificados.

New Architecture Old Architecture 
// TurboModule direct API (React Native 0.76+ New Architecture)
import NativeSingular from 'singular-react-native/jsNativeSingular';

// Track custom revenue event with attributes
NativeSingular.customRevenueWithArgs('PremiumBundlePurchase', 'USD', 99.99, {
  productSKU: 'premium_bundle_xyz',
  productName: 'Premium Bundle',
  productCategory: 'Bundles',
  productQuantity: 1,
  productPrice: 99.99,
  discount_applied: true
});

Firma del método : 

static customRevenueWithArgs(eventName: string, currency: string, amount: number, args: Record<string, any>): void

Para obtener la lista completa de métodos, consulte la referencia del método custom RevenueWithArgs.

Ingresos por suscripción

Seguimiento de suscripciones

Singular ofrece una guía completa sobre la implementación de eventos de suscripción utilizando Singular SDK. La guía cubre el seguimiento de eventos de suscripción dentro de la aplicación en varias plataformas.

Seguimiento de eventos híbridos (avanzado)

Singular recomienda enviar todos los eventos e ingresos a través del SDK de Singular integrado en su aplicación para una atribución óptima. Sin embargo, Singular puede recopilar eventos de otras fuentes cuando sea necesario.

Los eventos enviados fuera del SDK de Singular deben cumplir con los requisitos de documentación de eventos de servidor a servidor de Singular y proporcionar identificadores de dispositivo coincidentes para una atribución correcta.

Importante:

Se producirán discrepancias si los identificadores de dispositivo utilizados en las solicitudes de eventos de servidor a servidor no tienen un identificador de dispositivo coincidente en Singular. Tenga en cuenta las siguientes posibilidades:

  • Eventos tempranos: Si se recibe una solicitud de evento antes de que Singular SDK haya registrado el identificador de dispositivo de una sesión de aplicación, la solicitud de evento se considerará la "primera sesión" para el dispositivo desconocido, y Singular atribuirá el dispositivo como una atribución orgánica .
  • Identificadores no coincidentes: Si Singular SDK registró un identificador de dispositivo, pero difiere del identificador de dispositivo especificado en la solicitud de evento de servidor a servidor, el evento se atribuirá incorrectamente .

Guías de seguimiento de eventos híbridos

Envío de eventos desde un servidor interno

Recopile datos de ingresos de su servidor interno para analizar el rendimiento de la campaña y el ROI.

Requisitos:

  • Capturar identificadores de dispositivos: Desde un evento de registro o inicio de sesión dentro de la aplicación, capture y pase los identificadores de dispositivo y almacene estos datos con el ID de usuario en su servidor. Dado que los identificadores de dispositivo pueden cambiar para un usuario, actualice los identificadores cuando un usuario genere una sesión de aplicación. Esto garantiza que el evento del lado del servidor se atribuya al dispositivo correcto.
  • Identificadores específicos de la plataforma: Los eventos del lado del servidor son específicos de cada plataforma y sólo deben enviarse con el identificador de dispositivo que coincida con la plataforma del dispositivo (por ejemplo, IDFA o IDFV para dispositivos iOS, GAID para dispositivos Android)
  • Actualizaciones en tiempo real: Utilice el mecanismo Singular Internal BI postback para empujar un evento en tiempo real a su endpoint interno para que pueda actualizar el conjunto de datos en el lado del servidor. Consulte las preguntas frecuentes sobre postback de BI interno
  • Detalles de Implementación: Revise la sección de Seguimiento de Ingresos en la guía de Integración Servidor a Servidor para más detalles.

Envío de Eventos desde un Proveedor de Ingresos

Integre proveedores de ingresos de terceros como RevenueCat o adapty para enviar ingresos por compras y suscripciones a Singular.

Proveedores compatibles:

Envío de eventos desde Segment

Habilite Segment para enviar eventos a Singular en paralelo con el SDK de Singular añadiendo un destino "Cloud-Mode" en Segment.

Siga la guía de implementación Integración Singular-Segment para obtener instrucciones detalladas de configuración.