Wie Sie Drimify Experiences mithilfe von WebView in Ihre Mobile App integrieren

Sie können Ihre Drimify Experiences (wie spiele, Quizze und interaktive Reisen) ganz einfach in Ihre mobile App einbetten, indem Sie WebView verwenden. Dadurch können Benutzer auf Ihre markenorientierten, responsiven Experiences zugreifen, ohne Ihre App verlassen zu müssen.

Dieser Leitfaden umfasst:

Voraussetzungen
Integration von WebViews auf Android & iOS
Beste Praktiken
Optionale erweiterte Integrationen
Unterstützung für Deep Links in CTAs

Voraussetzungen

Bevor Sie eine Drimify Experience einbetten, stellen Sie sicher, dass Sie Folgendes haben:

Einen veröffentlichten Drimify Experience-Link, z. B. https://apps.drimify.com/XBs15jKF/
Eine Methode zur Erfassung oder Übergabe einer Benutzerkennung (z. B. E-Mail-Adresse, Telefonnummer oder Sitzungs-ID)
Eine mobile App (iOS/Android), die WebView darstellen kann

Android-Integration (WebView)

So laden Sie eine Drimify Experience in eine Android WebView:

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);

        // Laden der Experience-URL (mit optionaler session_id)
        String sessionId = "user_abc_123"; // Ersetzen Sie dies durch die tatsächliche ID
        String url = "https://apps.drimify.com/XBs15jKF/?session_id=" + sessionId;
        webView.loadUrl(url);
    }
}

iOS-Integration (WKWebView)

Um auf iOS einzubetten, verwenden Sie WKWebView mit aktiviertem JavaScript:

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"; // Ersetzen Sie dies durch die tatsächliche ID
        let url = URL(string: "https://apps.drimify.com/XBs15jKF/?session_id=\(sessionId)")!;
        webView.load(URLRequest(url: url));
    }
}

Benutzeridentifikation & Sitzungsmanagement

Um Benutzer zu verfolgen und Sitzungen fortzusetzen, nutzen Sie:

Eingabemaske am Startbildschirm: Sammeln Sie Identifikatoren wie E-Mail-Adresse oder Telefonnummer.
Zwischendurch Erhebungsformulare: Ermöglichen Sie reichhaltigere Formulare vor dem Zugriff.
session_uid Parameter: An die URL anhängen (z. B. ?session_uid=abc123).
Vollständiger Leitfaden zum Sitzungsmanagement: Drimify Hilfe: Eindeutige Sitzungs-ID

Unterstützung für Deep Links in CTAs

Drimify Experiences können Deep Links in CTAs (Call-to-Action-Buttons) innerhalb des Spiels enthalten. Dies bedeutet, dass Benutzer nach Abschluss bestimmter Schritte in der Drimify Experience direkt zu bestimmten Seiten oder Aktionen innerhalb Ihrer mobilen App geleitet werden können. Beispielsweise kann ein "Fertig"-Button innerhalb eines Spiels so eingerichtet werden, dass er direkt auf eine Produktseite oder ein Sonderangebot innerhalb Ihrer App verlinkt. Der Deep Link unterstützt eine nahtlose Navigation zwischen der Drimify Experience und den Inhalten Ihrer App. Um dies zu implementieren, stellen Sie sicher, dass Ihre App die entsprechenden Deep Link-Handler konfiguriert hat, um auf bestimmte URLs oder Aktionen zu reagieren.

Beste Praktiken

Stellen Sie sicher, dass JavaScript im WebView aktiviert ist.
Aktivieren Sie DOM-Speicher für eine reibungslosere Benutzererfahrung.
Deaktivieren Sie JavaScript nicht oder blockieren Sie keine Skripte wie Angular: Einige WebView-Einstellungen könnten JavaScript deaktivieren oder essenzielle Bibliotheken (wie Angular) blockieren, was das ordnungsgemäße Funktionieren der Drimify Experience verhindern könnte.
Drimify Experiences sind vollständig mobiloptimiert und responsiv.### Erweiterte Ereignis-Integration (Optional)

Falls du Folgendes benötigst:

Verfolgung der abgeschlossenen Erlebnisse
Abruf von Ergebnissen
Anpassung von Verhaltensweisen

Nutze Drimify's HTML-Integrations-API und höre Ereignisse mittels JavaScript innerhalb der WebView ab.

Vollständige Anleitung: Drimify Erweiterte HTML-API-Integration

Hinweis: Dies erfordert das Einfügen von JavaScript und das Handling von Nachrichten zwischen der WebView und der App.

Brauchst du Hilfe?

Bei Problemen mit Sitzungs-IDs, WebView-Darstellung, Deep Linking oder anderen Integrationsfragen kontaktiere uns bitte.

Aktualisiert am: 11/06/2025