Prueba la integración del SDK web de PBA

De un vistazo: prueba la integración del complemento Web SDK PBA.

Prueba los eventos web de la PBA

Principios de uso de la página de prueba.

Web SDK envía eventos web a PBA, que están disponibles a través de paneles de control de PBA e reportes de raw data, después del procesamiento diario. Para permitir un proceso de prueba eficiente, envía eventos de prueba sin esperar el procesamiento diario. Los eventos de prueba son:

  • Analizado y validado al recibirlo. 
  • Disponible para ti en la interfaz de usuario. Esto incluye errores de procesamiento. Si existen, envía los eventos corregidos nuevamente para asegurarse de que se procesen correctamente. 
  • Se procesan como cualquier otro evento durante el procesamiento diario. Esto significa que se agregan a los paneles de control y a la raw data. 

Página de prueba de integración del SDK web

Vista principal de la página

TestScreen_us-en.jpg

  • Los eventos más recientes aparecen primero.
  • Caché de eventos:
    • Contiene hasta 100 eventos.
    • Los eventos más antiguos se eliminan para dar paso a eventos más nuevos.
    • Los eventos almacenados en caché se eliminan después de 24 horas
  • Controles de página:
    • Indicador de frecuencia de actualización: La página se actualiza automáticamente cada 5 segundos.
    • Borrar todo: Borra eventos del caché de forma permanente. Nota: El caché es común a los sitios web que comparten la misma clave de desarrollo web. Por lo tanto, si otro desarrollador está utilizando la página de prueba, también se borrará para él. 
    • Pausa/inicio: Pausa la actualización automática. Los nuevos eventos no se muestran hasta que haces clic en iniciar. 

Columnas de la tabla de eventos

Campo Descripción
Hora (UTC) Hora del evento
Tipo de evento

Los tipos de eventos son los siguientes:

  • Eventos enviados por ti:
    • EVENT
    • setCustomerUserId
    • pageLoad: Enviado por el SDK web cada vez que se carga/actualiza una página en tu sitio web
Contenido del evento

La carga útil del evento, según lo registrado por PBA.

Comentarios
  • Válido: la PBA recibió y registró el evento. No se requiere ninguna acción adicional.
  • Inválido: lista de errores que requieren acción correctiva. El formato del mensaje de error es:
    nombre del campo del evento: descripción del error 
  • Pasa el cursor sobre los mensajes de error para ver los detalles:

    PBAWebSDKTestingErrorMessagesPopup_en-us.png

 

Vista detallada

mceclip0.png

Haz clic en una fila de evento para mostrar su contenido después del procesamiento. Consulta los parámetros de eventos del SDK web para obtener información adicional.

Procedimientos

Completa los procedimientos que siguen.

Habilitar modo de prueba

Requisitos previos

Antes de realizar la prueba, el SDK web debe implementarse en tu sitio web o en un sitio web de prueba.

Limitación del navegador

Si el modo de prueba está habilitado en un navegador determinado, independientemente de la pestaña; el navegador sólo se puede utilizar para conectarse al sitio web especificado y no a ningún otro sitio web. Utiliza un navegador diferente, por ejemplo, Safari en lugar de Chrome, para conectarse desde la misma máquina a un sitio web diferente.

Para habilitar el modo de prueba:

  1. Verifica que el SDK esté cargado:
    1. En AppsFlyer, en el menú superior, selecciona Mis aplicaciones > Ver paquetes de marcas.
    2. Selecciona la prueba requerida de integración del SDK web.
      Se abre la página de integración. Se muestra la clave de desarrollo web.

      pba_web_sdk_integration_test_web_dev_key_en-us.png

    3. En una nueva pestaña del navegador, ve a tu sitio web (que tiene instalado el SDK web).
    4. Haz clic derecho y selecciona inspeccionar para abrir las herramientas de desarrollo del navegador. 
    5. Vaya a la pestaña Consola.
    6. En la consola, ingresa:
      window.AF_SDK.initPluginsConfig.pba.webAppId

      Se muestra el ID de la aplicación web.

      testing_pba_integration_webappid_check_en-us.png

    7. Verifica que webAppID sea idéntica a la clave de desarrollo web en la página de prueba de integración del SDK web .
  2. Habilita el modo de prueba:
    1. En la pestaña del navegador del sitio web, ve a la pestaña Consola .
    2. introduce:
      window.AF_SDK.PLUGINS.PBA.turnOnDevMode()
      La función regresaundefined.

      testing_pba_integration_turnondevmode.png

  3. Verifica que el modo de prueba esté habilitado:
    • En la pestaña Consola , ingresa:
      window.AF_SDK.PLUGINS.PBA.isDevModeOn()

      El valor de retorno es true. Esto indica que el modo de prueba está activo. 
      PBATestingWebSDKIntegrationIsDevModeOn_en-us.png

Enviar eventos de prueba

  • En el modo de prueba, los eventos que envías se muestran en la página de integración de prueba.
  • Nota: Los eventos de prueba se procesan y posteriormente se incluirán en los reportes de la PBA. Para evitar distorsionar los reportes, completa eventRevenue con valores bajos (pequeños). Si no se envía ningún valor, PBA lo completa con 0. 

Enviar eventos de ejemplo de cada uno de los tipos descritos. 

Paso

Acción

(Ingrese comandos)

Página de integración de prueba del SDK web

(Resultado esperado) 

1

Abre una nueva pestaña en el navegador y navega hasta cualquier página de tu sitio web.

PBA registra un 'pageLoad' evento cada vez que tu sitio web se abre/actualiza:

PBATestingWebSDKPageLoadEvent_en-us.png

2

Inicia sesión o regístrate en tu sitio web como usuario para activar un evento setCustomerUserId.

mceclip3.png

3

Comienza a enviar eventos web para verificar que PBA los procese correctamente.

Nota:

Si no se especifica, eventRevenue y eventRevenueCurrency se rellenan con valores predeterminados:

  • eventRevenueCurrency: "USD"
  • eventRevenue: 0

PBAWebSDKTestEventEVENT_en-us.png

Consulta Parámetros de eventos del SDK web para obtener detalles adicionales.

mceclip5.png

Resolución de problemas

Los eventos no se muestran en la página de prueba.

  1. En las herramientas de desarrollo del navegador, ve a lapestañaRed .
  2. En el campo de filtro, ingresa "websdk".
  3. Según el código de respuesta HTTP, procede de la siguiente manera:
    • 200: Comunícate con el soporte técnico de AppsFlyer.
    • 400: Comprueba que todos los parámetros estén encerrados en " ".