So integrierst du Drimify Erlebnisse in deine Mobile App mit WebView

Du kannst deine Drimify Erlebnisse (wie spiele, Quizze und interaktive Reisen) einfach über eine WebView in deine Mobile App einbetten. Dies ermöglicht Nutzern den Zugriff auf deine markenkonformen, responsiven Erlebnisse, ohne die App zu verlassen.

Dieser Leitfaden behandelt:

• Voraussetzungen
• So integrierst du WebViews in Android & iOS
• Best Practices
• Optionale erweiterte Integrationen
• Unterstützung für Deep Links in CTAs

Voraussetzungen

Bevor du ein Drimify Erlebnis einbettest, stelle sicher, dass du Folgendes hast:

• Einen veröffentlichten Drimify Erlebnis-Link, z.B., https://apps.drimify.com/Rf6aGmBR/
• Eine Methode zur Erfassung oder Übermittlung einer Nutzerkennung (z.B. E-Mail-Adresse, Telefonnummer oder Sitzungs-ID)
• Eine Mobile App (iOS/Android), die eine WebView rendern kann

Android Integration (WebView)

So lädst du ein Drimify Erlebnis in einer 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);

        // Lade die Erlebnis-URL (mit optionaler session_id)
        String sessionId = "benutzer_abc_123"; // Ersetzen mit tatsächlicher ID
        String url = "https://apps.drimify.com/Rf6aGmBR/?session_id=" + sessionId;
        webView.loadUrl(url);
    }
}

iOS Integration (WKWebView)

Um in iOS zu integrieren, verwende 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 = "benutzer_abc_123" // Ersetzen mit tatsächlicher ID
        let url = URL(string: "https://apps.drimify.com/Rf6aGmBR/?session_id=\(sessionId)")!
        webView.load(URLRequest(url: url))
    }
}

Nutzeridentifikation & Sitzungsverwaltung

Um Nutzer zu verfolgen und Sitzungen fortzusetzen, verwende:

• Startbildschirm-Datenerfassung: Sammle Kennungen wie E-Mail-Adresse oder Telefonnummer.
• Zwischengeschaltete Datenerfassungsformulare: Ermögliche umfassendere Formulare vor dem Zugriff.
• session_uid Parameter: Füge ihn zur URL hinzu (z.B. ?session_uid=abc123).
• Vollständiger Sitzungsverwaltungsleitfaden: Drimify Hilfe: Eindeutige Sitzungs-ID

Unterstützung für Deep Links in CTAs

Drimify Erlebnisse können Deep Links in CTAs (Call-to-Action-Buttons) innerhalb des Spiels enthalten. Das bedeutet, dass Nutzer nach Abschluss bestimmter Schritte in einem Drimify Erlebnis direkt zu spezifischen Seiten oder Aktionen innerhalb deiner mobilen App geleitet werden können. Zum Beispiel kann ein "Abschließen"-Button innerhalb eines Spiels so eingerichtet werden, dass er direkt zu einer Produktseite oder einem Sonderangebot innerhalb deiner App verlinkt. Der Deep Link unterstützt nahtlose Navigation zwischen dem Drimify Erlebnis und dem Inhalt deiner App. Um dies zu implementieren, stelle sicher, dass deine App die relevanten Deep Link Handlers konfiguriert hat, um auf spezifische URLs oder Aktionen zu reagieren.

Best Practices

• Stelle sicher, dass JavaScript in der WebView aktiviert ist.
• Aktiviere DOM-Speicher für ein reibungsloses Erlebnis.
• Deaktiviere nicht JavaScript oder blocke keine Skripte wie Angular: Einige WebView-Einstellungen können JavaScript deaktivieren oder wesentliche Bibliotheken (wie Angular) blockieren, was die Funktionalität des Drimify Erlebnisses beeinträchtigen kann.
• Drimify Erlebnisse sind vollständig mobil-optimiert und responsiv.

Erweiterte Ereignis-Integration (Optional)

Falls du benötigst:

• Erlebnisabschlüsse zu verfolgen
• Punktzahlen abzurufen
• Verhalten anzupassen

Nutze die HTML-Integrations-API von Drimify und höre auf Ereignisse über JavaScript innerhalb der WebView.

Vollständiger Leitfaden: Drimify Erweiterte HTML-API-Integration

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

Benötigst du Hilfe?

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

Aktualisiert am: 03/10/2026