Integra Drimify utilizzando Webview.
Come integrare le esperienze Drimify nella tua app mobile utilizzando WebView
Puoi facilmente incorporare le tue esperienze Drimify (come giochi, quiz e percorsi interattivi) nella tua app mobile usando un WebView. Questo permette agli utenti di accedere alle tue esperienze brandizzate e responsive senza uscire dall'app.
Questa guida copre:
- Prerequisiti
- Come integrare i WebView su Android e iOS
- Migliori pratiche
- Integrazioni avanzate opzionali
- Supporto per deep link nei CTA
Prerequisiti
Prima di incorporare un’esperienza Drimify, assicurati di avere:
- Un link di un’esperienza Drimify pubblicata, ad esempio
https://apps.drimify.com/Rf6aGmBR/ - Un metodo per raccogliere o passare un identificatore utente (es. email, telefono o ID sessione)
- Un’app mobile (iOS/Android) in grado di eseguire un WebView
Integrazione Android (WebView)
Ecco come caricare un'esperienza Drimify in un WebView su 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);
// Carica l'URL dell’esperienza (con session_id opzionale)
String sessionId = "user_abc_123"; // Sostituisci con l'ID effettivo
String url = "https://apps.drimify.com/Rf6aGmBR/?session_id=" + sessionId;
webView.loadUrl(url);
}
}
Integrazione iOS (WKWebView)
Per incorporare su iOS, usa WKWebView con JavaScript abilitato:
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" // Sostituisci con l'ID effettivo
let url = URL(string: "https://apps.drimify.com/Rf6aGmBR/?session_id=\(sessionId)")!
webView.load(URLRequest(url: url))
}
}
Identificazione Utente e Gestione Sessione
Per tracciare gli utenti e riprendere le sessioni, utilizza:
- Schermata iniziale raccolta dati di partecipazione: Raccogli identificatori come email o telefono.
- Form di raccolta dati intermedi: Abilita form più dettagliati prima dell’accesso.
- Parametro
session_uid: Aggiungi all’URL (es.?session_uid=abc123). - Guida completa alla gestione delle sessioni: Drimify Help: Session Unique ID
Supporto per i Deep Link nei CTA
Le esperienze Drimify possono includere deep link nei CTA (pulsanti Call-to-Action) all'interno del gioco. Questo significa che gli utenti possono essere indirizzati a pagine o azioni specifiche all'interno della tua app mobile dopo aver completato determinati passi nell’esperienza Drimify. Per esempio, un pulsante "Fine" all'interno di un gioco può essere configurato per collegarsi direttamente a una pagina prodotto o a un'offerta speciale all'interno della tua app. Per implementare questo, assicurati che la tua app abbia i gestori di deep link rilevanti configurati per rispondere a URL o azioni specifiche.
Migliori Pratiche
- Assicurati che JavaScript sia abilitato nel WebView.
- Abilita il DOM storage per un’esperienza utente più fluida.
- Non disabilitare JavaScript o bloccare librerie come Angular: Alcune impostazioni di WebView potrebbero disabilitare JavaScript o bloccare librerie essenziali (come Angular), impedendo il corretto funzionamento dell'esperienza Drimify.
- Le esperienze Drimify sono pienamente mobile-first e responsive.
Integrazione Avanzata degli Eventi (Opzionale)
Se necessiti di:
- Tracciare il completamento dell'esperienza
- Recuperare i punteggi
- Personalizzare il comportamento
Usa l’API di integrazione HTML di Drimify e ascolta gli eventi via JavaScript all’interno del WebView.
Guida completa: Integrazione Avanzata dell'API HTML di Drimify
Nota: Questo richiede l’iniezione di JavaScript e la gestione dei messaggi tra il WebView e l'app.
Hai bisogno di aiuto?
Se hai problemi con gli ID di sessione, il rendering del WebView, il deep linking o altre domande di integrazione, ti preghiamo di contattarci.
Aggiornato il: 03/10/2026
Grazie!
