Cómo integrar Drimify experiencias en tu aplicación móvil utilizando WebView

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

Esta guía incluye:

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

Requisitos previos

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

• Un enlace de una experiencia Drimify publicada, por ejemplo, https://apps.drimify.com/Rf6aGmBR/
• 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 sea capaz de renderizar un WebView

Integración en Android (WebView)

Así es como 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 la opción de session_id)
        String sessionId = "user_abc_123"; // Reemplazar con el ID real
        String url = "https://apps.drimify.com/Rf6aGmBR/?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" // Reemplazar con el ID real
        let url = URL(string: "https://apps.drimify.com/Rf6aGmBR/?session_id=\(sessionId)")!
        webView.load(URLRequest(url: url))
    }
}

Identificación de Usuario y Gestión de Sesión

Para seguir a los usuarios y reanudar sesiones, utiliza:

• Pantalla de inicio recopilación de datos: Recopila identificadores como correo electrónico o teléfono.
• Formularios intermedios de recopilación de datos: Habilita formularios más completos antes de acceder.
• Parámetro session_uid: Añádelo a la URL (por ejemplo, ?session_uid=abc123).
• Guía completa de gestión de sesiones: Drimify Ayuda: 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 significa que los usuarios pueden ser dirigidos a páginas específicas o acciones dentro de tu aplicación móvil tras completar ciertas etapas en la experiencia de Drimify. Por ejemplo, un botón de "Finalizar" dentro de un juego puede configurarse para enlazar directamente a una página de producto o a una oferta especial dentro de tu aplicación. Los enlaces profundos permiten una navegación fluida entre la experiencia de Drimify y el contenido de tu aplicación. Para implementar esto, asegúrate de que tu aplicación tenga los controladores de enlaces profundos relevantes configurados para responder a URLs 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 deshabilites JavaScript ni bloquees scripts como Angular: Algunos ajustes de WebView pueden deshabilitar JavaScript o bloquear librerías esenciales (como Angular), lo que puede impedir que la experiencia de Drimify funcione como se espera.
• Las experiencias de Drimify están completamente optimizadas para móviles y son adaptativas.

Integración Avanzada de Eventos (Opcional)

Si necesitas:

• Seguir la finalización de la experiencia
• Recuperar puntuaciones
• Personalizar el comportamiento

Utiliza la API de integración HTML de Drimify y escucha eventos a través de JavaScript dentro del WebView.

Guía completa: Integración avanzada de la API HTML de Drimify

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

¿Necesitas Ayuda?

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

Actualizado el: 03/10/2026