Cómo integrar experiencias de Drimify en tu app móvil utilizando WebView

Puedes integrar fácilmente tus experiencias de Drimify (como juegos, cuestionarios y recorridos interactivos) en tu aplicación móvil usando un WebView. Esto permite a los usuarios acceder a tus experiencias de marca y adaptativas sin salir de tu aplicación.

Esta guía cubre:

Requisitos previos
Cómo integrar WebViews en Android & iOS
Mejores prácticas
Integraciones avanzadas opcionales
Soporte para enlaces profundos en CTAs

Requisitos previos

Antes de integrar una experiencia de Drimify, asegúrate de tener:

Un enlace de experiencia de Drimify publicado, por ejemplo, https://apps.drimify.com/XBs15jKF/
Un método para recopilar o pasar un identificador de usuario (por ejemplo, correo electrónico, teléfono o ID de sesión)
Una aplicación móvil (iOS/Android) que pueda renderizar un WebView

Integración en Android (WebView)

Aquí te mostramos cómo cargar una experiencia de Drimify en un WebView de Android:

import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;

public class DrimifyActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        WebView webView = new WebView(this);
        setContentView(webView);

        webView.setWebViewClient(new WebViewClient());
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);

        // Cargar la URL de la experiencia (con session_id opcional)
        String sessionId = "user_abc_123"; // Reemplaza con el ID real
        String url = "https://apps.drimify.com/XBs15jKF/?session_id=" + sessionId;
        webView.loadUrl(url);
    }
}

Integración en iOS (WKWebView)

Para incrustar en iOS, utiliza WKWebView con JavaScript habilitado:

import UIKit
import WebKit

class DrimifyViewController: UIViewController {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let config = WKWebViewConfiguration()
        config.preferences.javaScriptEnabled = true

        webView = WKWebView(frame: self.view.bounds, configuration: config)
        self.view.addSubview(webView)

        let sessionId = "user_abc_123" // Reemplaza con el ID real
        let url = URL(string: "https://apps.drimify.com/XBs15jKF/?session_id=\(sessionId)")!
        webView.load(URLRequest(url: url))
    }
}

Identificación de usuarios y gestión de sesiones

Para realizar un seguimiento de los usuarios y reanudar sesiones, utiliza:

Pantalla de inicio para entrada de datos: Recopila identificadores como el correo electrónico o teléfono.
Formularios intermedios para recopilación de datos: Habilita formularios más completos antes de acceder.
Parámetro session_uid: Añádelo a la URL (e.g., ?session_uid=abc123).
Guía completa de gestión de sesiones: Ayuda de Drimify: ID Único de la Sesión

Soporte para enlaces profundos en CTAs

Las experiencias de Drimify pueden incluir enlaces profundos en los CTAs (botones de llamada a la acción) dentro del juego. Esto permite que los usuarios sean dirigidos a páginas o acciones específicas dentro de tu app móvil después de completar ciertas etapas en la experiencia de Drimify. Por ejemplo, un botón de "Finalizar" dentro de un juego puede establecerse para enlazar directamente a una página de producto o una oferta especial dentro de tu aplicación. El enlace profundo facilita una navegación fluida entre la experiencia de Drimify y el contenido de tu app. Para implementar esto, asegúrate de que tu aplicación tenga configurados los controladores de enlaces profundos necesarios para responder a URL o acciones específicas.

Mejores prácticas

Asegúrate de que JavaScript esté habilitado en el WebView.
Habilita el almacenamiento DOM para una experiencia más fluida.
No desactives JavaScript ni bloquees scripts como Angular: Algunos ajustes de WebView pueden desactivar JavaScript o bloquear bibliotecas esenciales (como Angular), lo que puede impedir que la experiencia Drimify funcione correctamente.
Las experiencias de Drimify son completamente adaptativas y optimizadas para dispositivos móviles.### Integración Avanzada de Eventos (Opcional)

Si necesitas:

Controlar la finalización de la experiencia
Obtener puntuaciones
Personalizar el comportamiento

Utiliza la API de integración HTML de Drimify y escucha los eventos mediante JavaScript dentro del WebView.

Guía completa: Drimify Advanced HTML API Integration

Nota: Esto requiere inyectar JavaScript y gestionar mensajes entre el WebView y la aplicación.

¿Necesitas ayuda?

Si tienes problemas con los IDs de sesión, la representación en WebView, los enlaces profundos, u otras preguntas sobre la integración, por favor contáctanos.

Actualizado el: 11/06/2025