Como integrar experiências Drimify na sua aplicação móvel usando WebView

Pode incorporar facilmente as suas experiências Drimify (tais como jogos, quizzes e jornadas interativas) na sua aplicação móvel utilizando um WebView. Isto permite que os utilizadores acedam às suas experiências personalizadas e responsivas sem saírem da sua aplicação.

Este guia aborda:

Pré-requisitos
Como integrar WebViews em Android e iOS
Melhores práticas
Integrações avançadas opcionais
Suporte para deep links em CTAs

Pré-requisitos

Antes de incorporar uma experiência Drimify, certifique-se de que tem:

Um link de experiência Drimify publicado, por exemplo, https://apps.drimify.com/XBs15jKF/
Um método para recolher ou passar um identificador de utilizador (ex.: email, telefone ou ID de sessão)
Uma aplicação móvel (iOS/Android) capaz de renderizar um WebView

Integração Android (WebView)

Veja como carregar uma experiência Drimify num 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);

        // Carregar o URL da experiência (com session_id opcional)
        String sessionId = "user_abc_123"; // Substituir com ID real
        String url = "https://apps.drimify.com/XBs15jKF/?session_id=" + sessionId;
        webView.loadUrl(url);
    }
}

Integração iOS (WKWebView)

Para incorporar no iOS, use o WKWebView com JavaScript ativado:

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" // Substituir com ID real
        let url = URL(string: "https://apps.drimify.com/XBs15jKF/?session_id=\(sessionId)")!
        webView.load(URLRequest(url: url))
    }
}

Identificação de Utilizador & Gestão de Sessões

Para seguir os utilizadores e retomar sessões, utilize:

Entrada de dados no ecrã inicial: Recolha identificadores como email ou telefone.
Formulários de recolha de dados intermédios: Permita formulários mais completos antes do acesso.
Parâmetro `session_uid`: Anexe ao URL (ex.: ?session_uid=abc123).
Guia completo de gestão de sessões: Drimify Help: ID Único da Sessão

Suporte para Deep Links em CTAs

As experiências Drimify podem incluir deep links em CTAs (botões de Call-to-Action) dentro do jogo. Isso significa que os utilizadores podem ser direcionados para páginas ou ações específicas dentro da sua aplicação móvel após completarem certas etapas na experiência Drimify. Por exemplo, um botão "Concluir" dentro de um jogo pode ser configurado para ligar diretamente a uma página de produto ou uma oferta especial dentro da sua aplicação. O deep link suporta uma navegação fluida entre a experiência Drimify e o conteúdo da sua app. Para implementar isto, certifique-se de que a sua aplicação tem os manípulos de deep link relevantes configurados para responder a URLs ou ações específicas.

Melhores Práticas

Assegure-se de que o JavaScript está ativado no WebView.
Ative o armazenamento DOM para uma experiência mais fluida.
Não desative o JavaScript, nem bloqueie scripts como Angular: Algumas configurações do WebView podem desativar o JavaScript ou bloquear bibliotecas essenciais (como Angular), o que pode impedir o funcionamento adequado da experiência Drimify.
As experiências Drimify são totalmente otimizadas para dispositivos móveis e responsivas.### Integração Avançada de Eventos (Opcional)

Se precisar para:

Acompanhar a conclusão da experiência
Obter pontuações
Personalizar o comportamento

Use a API de integração HTML da Drimify e escute eventos através do JavaScript dentro do WebView.

Guia completo: Integração Avançada com a API de Integração HTML da Drimify

Nota: Isso requer a injeção de JavaScript e a gestão de mensagens entre o WebView e a aplicação.

Precisa de Ajuda?

Se tiver problemas com IDs de sessão, renderização no WebView, deep linking, ou outras questões de integração, por favor contacte-nos.

Actualizado em: 11/06/2025