Layout multizona multi-zone-layout

La pagina seguente descrive l'utilizzo del layout multizona e tratta i seguenti argomenti:

  • Panoramica
  • Creazione di un layout multizona
  • Prerequisiti
  • Utilizzo di risorse singole in una o più aree
  • Utilizzo di contenuti in sequenza in una o più aree

Panoramica overview

Layout multizona consente di creare contenuti per più aree e utilizzare varie risorse, come video, immagini e testo, che possono essere combinati in un’unica schermata. Puoi richiamare immagini, video e testo per unire le diverse caratteristiche e creare un’esperienza digitale intuitiva.

In base alle esigenze del progetto, a volte è necessario disporre di più zone in un canale e modificarle come un'unica unità completa. Ad esempio, una sequenza di prodotto con un feed di social media correlato che viene eseguita in tre aree separate su un singolo canale.

Prerequisiti prerequisites

Prima di iniziare a implementare questa funzionalità, assicurati di disporre delle conoscenze concettuali per:

Creazione di un layout multizona creating-multi-zone-layout

Durante la creazione di un canale, puoi utilizzare diversi modelli per creare zone nel canale. Puoi aggiungere una singola immagine, un video o un canale incorporato per visualizzare più risorse in una sequenza.

Creazione di un canale

  1. Seleziona il collegamento Adobe Experience Manager (in alto a sinistra) e quindi Schermi. In alternativa, puoi passare direttamente a: http://localhost:4502/screens.html/content/screens.

  2. Accedi a Canali cartella e fai clic su Crea dalla barra delle azioni.

  3. Seleziona Canale schermo diviso 1x2 dal Crea procedura guidata.

  4. Clic Successivo e immetti titolo as ZonaMultipla.

  5. Clic Crea per completare la creazione del canale.

Utilizzo di risorse singole in una o più aree using-single-assets-in-one-or-more-zones

Puoi utilizzare risorse singole, come un’immagine o un video, in tutte le singole aree. Per l’implementazione, segui i passaggi seguenti:

  1. Aggiunta di contenuto al canale

    1. Accedi a Zone —> Canali—> ZonaMultipla.
    2. Seleziona la ZonaMultipla channel e click Modifica dalla barra delle azioni per aprire l’editor.
  2. Aggiunta di immagini al canale

    Per riprodurre una singola immagine o un video in due zone, è sufficiente trascinare un’immagine in ciascuna zona dell’editor canali, come illustrato nella figura seguente:

    immagine

Utilizzo di contenuti in sequenza in una o più aree using-sequenced-content-in-one-or-more-zones

Se desideri che le aree visualizzino la sequenza di immagini e un video nelle diverse aree, segui i passaggi riportati di seguito per i dettagli.

  1. Creazione di una cartella canali

    1. Accedi a Zone —> ZonaMultipla —> Canali e fai clic su Crea dalla barra delle azioni.
    2. Seleziona Cartella canali dal Crea e fai clic su Successivo.
    3. Inserisci il titolo come EmbeddedChannels e fai clic su Crea.

    screen_shot_2018-12-19at125428pm

  2. Aggiunta di altri due canali alla cartella canali

    1. Accedi a Zone —> Canali —> EmbeddedChannels e fai clic su Crea dalla barra delle azioni.
    2. Seleziona Canale sequenza dal Crea creazione guidata di un canale con titolo Zona1.
    3. Seleziona Zona1 e fai clic su Modifica dalla barra delle azioni per aprire l’editor.
    4. Trascina alcune immagini su questo canale.
    5. Allo stesso modo, crea un altro canale di sequenza denominato Zona2 in EmbeddedChannels cartella.
    6. Trascina un video su questo canale.

    Nella figura seguente vengono illustrati i canali Zona1 e Zona2:

    screen_shot_2018-12-19at125930pm

    Le immagini aggiunte all’editor di Zona1 di seguito sono riportati i canali di sequenza:

    screen_shot_2018-12-19at125930pm

    Il video aggiunto all’editor di Zona2 di seguito è riportato un canale di sequenza:

    screen_shot_2018-12-19at125930pm

  3. Aggiunta di sequenze incorporate (componente) al canale principale (MultiZone)

    1. Accedi a Zone —> Canali —> ZonaMultipla.

    2. Clic Modifica dalla barra delle azioni per aprire l’editor.

    3. Trascina la Sequenza incorporata in entrambe le zone.

    4. Selezionate la sequenza incorporata in una delle zone.

    5. Fai clic su Configura (chiave inglese) a una delle sequenze incorporate nell’editor.

    6. Seleziona il percorso del canale come Zone —> Canali —> EmbeddedChannels —> Zona1, come illustrato nella figura seguente.

    7. Analogamente, aggiungi Zona2 a un altro componente di sequenza incorporato nell’editor.

      immagine

Creazione di una posizione e di una visualizzazione creating-location

Crea una posizione e una visualizzazione per visualizzare il contenuto in Screens player.

  1. Creazione di una posizione

    1. Accedi a Zone —> Posizioni cartella.
    2. Seleziona la Posizioni cartella e fai clic su Crea dalla barra delle azioni.
    3. Seleziona Posizione dal Crea e fai clic su Successivo.
    4. Inserisci il Titolo as SanJose e fai clic su Crea.
  2. Creazione di una visualizzazione

    1. Accedi a Zone —> Posizioni cartella.
    2. Seleziona la SanJose posizione e clic Crea dalla barra delle azioni.
    3. Seleziona Visualizzazione dal Crea e fai clic su Successivo.
    4. Inserisci il Titolo as Lobby e fai clic su Crea.

Assegnazione di canali alla visualizzazione channel-channel

Assegna i canali alla visualizzazione per visualizzare il contenuto. Per assegnare il canale al display, segui la procedura riportata di seguito.

  1. Assegnazione del canale alla visualizzazione

    1. Accedi a Zone —> Posizioni —> SanJose—> Lobby.

    2. Seleziona la Lobby visualizzare e fare clic su Assegna canale dalla barra delle azioni.

    3. Inserisci il percorso del ZonaMultipla channel in Percorso canale.

    4. Imposta il Eventi supportati as Caricamento iniziale, Schermata di inattività, e Timer.

    5. Fai clic su Salva.

      immagine

    6. Analogamente, è necessario assegnare gli altri due canali incorporati (Zona1 e Zona2) a questo display.

    7. Dopo aver assegnato tutti e tre i canali a Lobby visualizzazione, dovresti essere in grado di visualizzare i canali assegnati dal dashboard di visualizzazione.

      immagine

      note important
      IMPORTANT
      Una volta assegnato il canale principale (in questo caso, ZonaMultipla) al display, è necessario assegnare gli altri due canali incorporati Zona1 e Zona2 anche sullo stesso display.

Registrazione del dispositivo registering-device

Dopo aver impostato una posizione e uno schermo, attenersi alla procedura riportata di seguito per registrare il dispositivo e assegnargli uno schermo.

  1. Registrazione del dispositivo

    1. Accedi a Zone —> Dispositivi cartella.

    2. Seleziona la Dispositivi cartella e fai clic su Gestione dispositivi dalla barra delle azioni.

    3. Clic Registrazione dispositivo e selezionare il dispositivo in sospeso dall'elenco.

      note note
      NOTE
      Il titolo del dispositivo deve corrispondere al token del dispositivo (Token ) visualizzato nel Registrazione dispositivo scheda.

      1. Se il titolo corrisponde al token del dispositivo, seleziona il dispositivo e fai clic su **Registra dispositivo** dalla barra delle azioni.

    4. Se il codice di registrazione corrisponde al codice presente nel lettore Screens Registrazione dispositivo , fare clic su Convalida dalla barra delle azioni.

      immagine

    5. Inserisci il Titolo as Chrome-Device1 e fai clic su Registrati.

    6. Seleziona Assegna visualizzazione e selezionare il percorso della configurazione del dispositivo.

    note note
    NOTE
    Se stai tentando di visualizzare il contenuto in Screens player, assicurati di fare clic su Aggiorna contenuto offline dal dashboard dei canali per ciascuno dei canali assegnati alla visualizzazione.

Visualizzazione del risultato viewing-the-result

Dopo aver implementato i layout multizona utilizzando i passaggi precedenti, viene visualizzato il seguente output.

Controlla il lettore Screens per visualizzare l’output che mostra il contenuto in due diverse aree. Le zone sinistra e destra (entrambe utilizzano una sequenza incorporata come componente).

La zona sinistra è un canale di sequenza e la zona destra include un video.

nuovo2-1

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053