Este caso de uso describe los pasos de configuración y uso de la API necesarios para ayudar a los usuarios registrados en una aplicación móvil.
Para la documentación detallada de la API, consulta los documentos de la API de Android e iOS.
Esta guía describirá los pasos con código para Android, pero los pasos generales son aplicables a una aplicación iOS de la misma manera
1. Habilitar y configurar el plugin
Abra la applicación web y crea un pliuin "CoBrowsing/Analytics" plugin.. Para que la transmisión de pantalla sólo se inicie cuando un usuario necesite ayuda, configur un tipo de opt-in. Para este caso de uso recomendamos seleccionar "Agente de soporte". Para pedir permiso al usuario antes de que se inicie la transmisión por pantalla, cambia a la pestaña "Co-Browsing" y activa "Activar Co-Browsing" y "Ventana emergente de opt-in adicional cuando se inicia Co-Browsing".
2. Integración SDK integration
El SDK móvil debe integrarse en el paquete de aplicaciones.
3. Inicia LiveView
Una vez que la aplicación es iniciada por un usuario, el módulo LiveView del SDK debe ser iniciado. Esto registrará una sesión en el Webservice Chatvisor, pero no iniciará la transmisión de la pantalla si habilitaste el opt-in en el paso anterior.
Por ejemplo, en el método onCreate de su clase de aplicación llame al método start con las credenciales móviles que se encuentran en la página de configuración API:
Chatvisor.liveView.start("<your user id>", "<your token>");
Ahora deberías ver una sesión en la lista de sessiones de LiveView
4. Tag an authenticated user
Una vez que un usuario inicia sesión en una cuenta de usuario en la aplicación, queremos etiquetar la sesión con información sobre el usuario. Asegúrate de utilizar el nombre de usuario o cualquier valor único para el campo id, por lo que un nuevo usuario se crea en el backend que tiene toda la sesión asociada a la misma.
List<String> labels = new ArrayList<String>();
labels.put("foo")
Chatvisor.user.tag(
new ActiveUser()
.widthId("john.doe")
.withEmail("[email protected]")
.withFirstname("John")
.withLastname("Doe")
.withLabels(labels)
);
La lista de sesiones debería tener ahora este aspecto. Observe las etiquetas añadidas a la sesión.
5. Eliminar la etiqueta cuando el usuario cierra la sesión
Si un usuario cierra la sesión de tu aplicación, llama al método clear para eliminar la etiqueta asociada a la sesión:
Chatvisor.user.clear()
6. Apoyo al usuario
Supongamos que el usuario se ha puesto en contacto con usted, por ejemplo, por teléfono. Ahora puede abrir la lista de sesiones y buscar el nombre de usuario Juan Pérez (John Doe). Tras hacer clic en la sesión, aparece un botón para pedir al usuario que acepte la solicitud. Una vez que el usuario ha aceptado la solicitud, se muestra la pantalla del dispositivo móvil.