Show Menu
ARGOMENTI×

Incorporare un modulo adattivo o una comunicazione interattiva nell’applicazione AEM Sites per pagina singola

Panoramica

AEM Forms consente agli sviluppatori di moduli di incorporare facilmente moduli adattivi e comunicazioni interattive in un’applicazione SPA (Single Page Application) AEM Sites. Il modulo adattivo incorporato e la comunicazione interattiva sono completamente funzionanti e gli utenti possono compilare e inviare il modulo senza uscire dalla pagina. Consente agli utenti di restare nel contesto di altri elementi della pagina Web e di interagire contemporaneamente con il modulo adattivo o la comunicazione interattiva.
Nell’applicazione AEM Sites per pagina singola, puoi aggiungere un modulo adattivo o una comunicazione interattiva utilizzando il componente Contenitore SPA di AEM Forms. È un componente AEM Forms per gli ZPS di AEM Sites che puoi aggiungere alla pagina Siti.
Per informazioni sull'incorporamento di un modulo adattivo in un sito AEM non-SPA, consultate Incorporare un modulo adattivo o una comunicazione interattiva nella pagina AEM Sites.

Prerequisiti

Per incorporare un modulo adattivo o una comunicazione interattiva in un sito AEM SPA mediante il componente Contenitore AEM Forms SPA, accertatevi di aver installato:
  • Java SE Development Kit 8 o successivo
  • Apache Maven 3.3.1 o successivo
  • istanza di creazione AEM
  • Pacchetto aggiuntivo AEM Forms 6.4.2 per l’istanza di creazione

Installare il componente Contenitore AEM Forms SPA

Esegui i seguenti passaggi per installare il componente Contenitore AEM Forms SPA:
  1. Installate il componente AEM Forms per SPA. Le istruzioni per installare il componente sono disponibili nel file README.md .
    Il componente include un esempio di componente React che può essere utilizzato per integrare il componente contenitore SPA con un progetto SPA basato su React.
  2. Clona o scarica un progetto SPA basato su React.
  3. Integrare il componente contenitore SPA con un progetto SPA basato su React utilizzando le istruzioni disponibili nel file README.md .
    Dopo aver installato il componente Contenitore AEM Forms SPA e integrato il componente con un progetto SPA basato su React, potete incorporare moduli adattivi e comunicazioni interattive nella pagina Siti AEM.

Incorporare un modulo adattivo o una comunicazione interattiva

Per incorporare un modulo adattivo o una comunicazione interattiva utilizzando AEM Forms per il componente Contenitore SPA:
  1. Aprite la pagina Siti AEM, in modalità di modifica, in cui desiderate incorporare un modulo adattivo o una comunicazione interattiva.
  2. Inserite nella pagina il componente Modulo AEM per SPA utilizzando una delle seguenti opzioni:
    • Toccate il contenitore di layout nella pagina Siti, toccate + e selezionate il componente Modulo AEM per SPA .
    • Dal pannello del browser Componenti, trascina sulla pagina il componente Modulo AEM per SPA .
    • Cercate un modulo adattivo o una comunicazione interattiva nel browser Risorse e trascinatelo nella pagina Siti. Incorpora il modulo in un contenitore di componenti AEM Forms per SPA.
    Il rendering di più componenti contenitore AEM Forms SPA su una pagina non è supportato. Su una pagina possono essere presenti più contenitori AEM Forms SPA, ma per volta viene eseguito il rendering di un solo componente. Per evitare discrepanze, accertatevi che sulla pagina sia visibile un solo componente.
  3. Toccate il componente Contenitore AEM Forms SPA incorporato nella pagina dei siti, quindi toccate nella barra delle azioni. Viene visualizzata la finestra di dialogo Modifica contenitore AEM Forms SPA.
  4. Nella finestra di dialogo Modifica contenitore AEM Forms, specificate quanto segue:
    • Tipo risorsa: Selezionate il tipo di risorsa da incorporare. Le opzioni sono Modulo adattivo e Comunicazione interattiva
    • Percorso risorsa: Individuate e selezionate il modulo adattivo o la comunicazione interattiva da incorporare. Il campo viene popolato automaticamente se viene inserito un modulo adattivo o una comunicazione interattiva tramite il browser Risorse.
    • Canale (Solo Comunicazione Interattiva): Selezionate il tipo di canale interattivo da incorporare. Le opzioni sono Canale Web e Canale di stampa.
    • Tema : Selezionate un tema che definisca lo stile dei componenti del modulo adattivo o della comunicazione interattiva. Lo stile include proprietà di aspetto quali stile del font, colore di sfondo, dimensioni e allineamento.
  5. Tap to save the settings. Il modulo adattivo o la comunicazione interattiva ora è incorporato nella pagina.

Pubblicare un modulo adattivo incorporato e Comunicazione interattiva

Considerate i seguenti scenari per pubblicare una risorsa incorporata (modulo adattivo o comunicazione interattiva) nella pagina AEM Sites:
  • Se pubblicate per la prima volta la pagina AEM Sites e include un modulo adattivo incorporato o una comunicazione interattiva, pubblicate la pagina Siti e la risorsa incorporata.
  • Se avete modificato solo il modulo adattivo incorporato o la comunicazione interattiva in una pagina Siti pubblicati, pubblicate la risorsa originale e le modifiche si riflettono nella pagina Siti pubblicati. La pagina Siti pubblicati include un riferimento alla risorsa e non richiede la ripubblicazione della pagina.
  • Se avete modificato la pagina Siti e il modulo adattivo incorporato o la comunicazione interattiva, ripubblicate la pagina Siti e la risorsa incorporata.

Modifica di moduli adattivi incorporati e comunicazione interattiva

Nella pagina dei siti AEM viene mantenuto un riferimento al modulo adattivo e alla comunicazione interattiva nel contenitore AEM Forms. Pertanto, tutte le configurazioni e proprietà, come il tema, gli stili e l'azione Invia, configurate nel modulo adattivo originale e nella comunicazione interattiva vengono mantenute nel modulo adattivo incorporato e nella comunicazione interattiva.
Per modificare qualsiasi configurazione o proprietà del modulo adattivo incorporato e della comunicazione interattiva, effettuare una delle seguenti operazioni.
  • Aprire il modulo originale nei moduli adattivi o nelle comunicazioni interattive nei rispettivi editor e modificarlo.
  • Toccate il modulo adattivo o la comunicazione interattiva dalla pagina Siti in modalità di modifica, quindi toccate Modifica in una nuova finestra . Il modulo originale viene aperto in modalità di modifica.

Considerazioni e procedure ottimali

Quando incorporate moduli adattivi nelle pagine dei siti AEM, tenete presente quanto segue:
  • L'intestazione e il piè di pagina del modulo originale non sono inclusi nel modulo incorporato.
  • Le bozze degli utenti e gli invii dei moduli incorporati sono supportati e visibili nelle schede Bozze e Moduli inviati nel portale dei moduli.
  • L'azione di invio configurata sul modulo originale viene mantenuta nel modulo incorporato.
  • Il targeting delle esperienze e i test A/B configurati sul modulo originale non funzionano nel modulo incorporato. Tuttavia, potete utilizzare il targeting delle esperienze nella pagina Siti per presentare moduli diversi basati sui profili utente.
  • Se Adobe Analytics è stato configurato per il modulo originale, i dati di analisi del modulo incorporato vengono acquisiti in Adobe Analytics. Tuttavia, non è disponibile nel report di analisi dei moduli.