Comment intégrer les expériences Drimify dans votre application mobile avec WebView

Vous pouvez facilement intégrer vos expériences Drimify (comme les jeux, quizzes et parcours interactifs) dans votre application mobile en utilisant WebView. Cela permet aux utilisateurs d'accéder à vos expériences de marque et réactives sans quitter votre application.

Ce guide comprend :

• Prérequis
• Comment intégrer WebViews sur Android et iOS
• Bonnes pratiques
• Intégrations avancées optionnelles
• Support des liens profonds dans les CTA

Prérequis

Avant d'intégrer une expérience Drimify, assurez-vous de disposer de :

• Un lien d'expérience Drimify publié, par exemple, https://apps.drimify.com/Rf6aGmBR/
• Une méthode pour collecter ou transmettre un identifiant utilisateur (comme un email, un numéro de téléphone ou un ID de session)
• Une application mobile (iOS/Android) capable d'afficher un WebView

Intégration Android (WebView)

Voici comment charger une expérience Drimify dans un WebView 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);

        // Charger l'URL de l'expérience (avec ID de session optionnel)
        String sessionId = "user_abc_123"; // Remplacer par l'ID réel
        String url = "https://apps.drimify.com/Rf6aGmBR/?session_id=" + sessionId;
        webView.loadUrl(url);
    }
}

Intégration iOS (WKWebView)

Pour intégrer sur iOS, utilisez WKWebView avec JavaScript activé :

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" // Remplacer par l'ID réel
        let url = URL(string: "https://apps.drimify.com/Rf6aGmBR/?session_id=\(sessionId)")!
        webView.load(URLRequest(url: url))
    }
}

Identification des Utilisateurs & Gestion des Sessions

Pour suivre les utilisateurs et reprendre les sessions, utilisez :

• Écran de participation de données initiales : Collectez des identifiants comme l'email ou le téléphone.
• Formulaires de collecte de données intermédiaire : Permettez des formulaires plus complets avant l'accès.
• session_uid paramètre : Ajoutez à l'URL (par exemple, ?session_uid=abc123).
• Guide complet de gestion des sessions : Aide Drimify : Identifiant de Session Unique

Support des Liens Profonds dans les CTA

Les expériences Drimify peuvent inclure des liens profonds dans les CTA (boutons d'appel à l'action) au sein du jeu. Cela signifie que les utilisateurs peuvent être dirigés vers des pages spécifiques ou des actions dans votre application mobile après avoir terminé certaines étapes dans l'expérience Drimify. Par exemple, un bouton "Terminer" dans un jeu peut être configuré pour rediriger directement vers une page produit ou une offre spéciale dans votre application. Le lien profond permet une navigation fluide entre l'expérience Drimify et le contenu de votre application. Pour implémenter cela, assurez-vous que votre application a les gestionnaires de liens profonds nécessaires configurés pour répondre aux URL ou actions spécifiques.

Bonnes Pratiques

• Assurez-vous que JavaScript est activé dans le WebView.
• Activez le stockage DOM pour une expérience plus fluide.
• Ne désactivez pas JavaScript ni ne bloquez les scripts comme Angular : Certains paramètres WebView peuvent désactiver JavaScript ou bloquer des bibliothèques essentielles (comme Angular), ce qui peut empêcher le bon fonctionnement des expériences Drimify.
• Les expériences Drimify sont conçues d'abord pour le mobile et sont entièrement réactives.

Intégration Avancée des Événements (Optionnel)

Si vous avez besoin de :

• Suivre la complétion des expériences
• Récupérer les scores
• Personnaliser le comportement

Utilisez l'API d'intégration HTML de Drimify et écoutez les événements via JavaScript dans le WebView.

Guide complet : Intégration Avancée de l'API HTML de Drimify

Note : Cela nécessite d'injecter du JavaScript et de gérer les messages entre le WebView et l'application.

Besoin d'Aide ?

Si vous rencontrez des problèmes avec les IDs de session, le rendu WebView, le lien profond ou d'autres questions d'intégration, n'hésitez pas à nous contacter.

Mis à jour le : 03/10/2026