Creare un’app

Per aggiungere un’app al sito, devi prima creare un’app in Livefyre Studio.

Per creare una nuova app:

  1. Fai clic su +New App nella pagina App e seleziona un tipo di app dal menu a discesa.
  2. Viene visualizzata la finestra di dialogo New App. Immetti un App Title, seleziona un Site e fai clic su Create per aprire la pagina Panoramica app.

La pagina Riepilogo app fornisce 4 schede:

  • App Summary: fornisce una panoramica del contenuto e dello stato dell’app, fornisce gli strumenti per accedere all’app sul suo sito e generare il suo codice di incorporamento.
  • Designer: ti consente di selezionare le opzioni di progettazione per l’app, compresi font, combinazioni di colori e opzioni di configurazione specifiche per l’app.
  • Streams: elenca tutte le sorgenti di flusso per il contenuto dell’app. Fai clic sul titolo del flusso per aprire la pagina Dettagli flusso, dalla quale è possibile modificarlo.
  • Settings: consente di selezionare le impostazioni specifiche per l’app, incluse le regole per l’aggiunta di contenuto all’app e i tipi di contenuto da visualizzare. Fai clic sulla scheda Settings per ignorare le impostazioni di rete e sito per l’app.

Elenco app

La pagina Apps list fornisce l’accesso a tutte le tue app Livefyre esistenti.

Nella pagina Elenco app sono visualizzate le informazioni seguenti:

  • Title: Elenca il titolo dell’app e include un’icona che indica il tipo di app.
  • Site: Elenca la posizione dell’app, per sito.
  • Content Count: Elenca il numero di parti di contenuto pubblicate nell’app.
  • Date Modified: Elenca l’ultima volta che l’app è stata modificata in App Designer.
  • Embed Code (</>): Fai clic sull'icona per generare il codice di incorporamento per la tua app.

Personalizzazione delle app

Puoi utilizzare la scheda Progettazione app per selezionare le opzioni Style e Configuration per personalizzare le app.

Style Le opzioni sono coerenti tra tutti i tipi di app; Configuration Le opzioni variano in base all’app. Nella parte inferiore del riquadro Style e Configuration è elencata la versione dell’app Livefyre per la tua app.

Selezionare le opzioni di stile

Personalizzare lo stile delle app per adattarlo al marchio del sito. Utilizza le opzioni Style per selezionare il colore e gli stili di font dell’app.

  • Theme. Seleziona Light o Dark per definire il colore di sfondo per il contenuto visualizzato. Le modifiche apportate a questa impostazione vengono immediatamente applicate nell’anteprima a destra. Questa impostazione controlla lo sfondo, il testo del contenuto, la gestione dell'utente, la marca temporale, il pulsante di condivisione e la selezione del colore dell'icona social per l'app.

  • Brand color. Seleziona un colore per la tua app. Questo colore verrà utilizzato per hashtag, URL, nomi utente, @mentions, grafici a barre e altri componenti specifici per l’app, come visualizzato nel riquadro di anteprima a destra.

  • Font family. Seleziona un font per il contenuto generato dall’utente nell’app. Selezionando Georgia o Times New Roman, il font verrà assegnato al contenuto e Helvetica Neue ai nomi utente e ai nomi visualizzati. Selezionando Helvetica, Verdana o Trebuchet questi font verranno assegnati a contenuti, nomi utente e nomi visualizzati.

  • Font size. Selezionare una dimensione di carattere predefinita. Questa impostazione interesserà tutti i contenuti e i titoli generati dall’utente visualizzati nell’app.

Aggiornamento delle app

Se esiste una versione più recente dell’app, viene visualizzato un pulsante Update .

Fai clic sul pulsante per eseguire l’aggiornamento alla versione più recente. Aggiorna l’app per utilizzare tutti i miglioramenti delle funzioni e le correzioni di bug disponibili. Una volta aggiornato, visualizza in anteprima le modifiche apportate all’app (se presenti), quindi accetta o rifiuta l’aggiornamento.

Aggiungere un pulsante di invito all’azione a un’app

Aggiungi un pulsante Invito all'azione per guidare la conversione da UGC.

Per aggiungere un pulsante di invito all’azione a un’app:

  1. Crea un'app Mosaic o Media Wall.

    Per informazioni sulle personalizzazioni disponibili in una parete Mosaic o Media, consulta Personalizzazioni Mosaic o Personalizzazioni della parete multimediale.

  2. Apri Designer per l’app.

  3. Scorri fino alla sezione Call-to-Action Button in Designer.

  4. Passa Call-to-Action Button a on.

  5. Configurare le opzioni del pulsante Invito all’azione .

Anteprime app

App Designer consente di visualizzare in anteprima l’app in più formati di consegna e con i dati personalizzati o di esempio visualizzati.

Seleziona Exit Preview per tornare alla modalità di progettazione.

La modalità Anteprima offre le seguenti opzioni:

  • Preview Options: Utilizza il menu a discesa per selezionare un formato di anteprima (mobile, tablet o desktop) e se visualizzare Sample Data o meno i dati Stream dell’app.

    NOTA

    Se deselezioni Sample Data e per l’app non è abilitato alcun flusso, in modalità Anteprima non viene visualizzato alcun contenuto.

  • Share: Apre l’app in una nuova scheda del browser e genera un URL che può essere utilizzato per consentire ad amici, colleghi o utenti non di Studio di rivedere la tua app e testarla in diversi browser e dispositivi.

    NOTA

    Eventuali contenuti pubblicati in una versione di revisione dell’app verranno aggiunti all’app. Se non desideri che questo contenuto venga visualizzato nell'app pubblicata, devi eliminarlo prima di fare clic su Pubblica.

  • Exit Preview: Torna alla modalità di modifica.

NOTA

La modalità Anteprima è completamente interattiva e consente di testare l’esperienza utente dell’app. Se abiliti Allow user posts, gli utenti con il collegamento di anteprima possono fare clic sul pulsante What’s on your mind e pubblicare il contenuto nella versione di prova. In Studio viene visualizzato il contenuto pubblicato.

Pubblicazione app

App Designer salva automaticamente l’app dopo aver apportato una modifica. Puoi utilizzare Publish per generare un codice di incorporamento o per aggiornare con la versione corrente tutte le versioni pubblicate in precedenza di questa app.

NOTA

Facendo clic su Publish viene generato un codice di incorporamento per l’app e vengono aggiornate tutte le istanze esistenti dell’app, se pubblicate in precedenza.

Revisione della cronologia delle app

App Designer salva automaticamente l’app dopo aver apportato una modifica e genera una nuova versione per ogni modifica. Puoi utilizzare History per aprire un pannello in cui sono elencate tutte le versioni dell’app. Le versioni elencate mostrano l’editor di ogni versione e la relativa età.

Per rivedere la cronologia delle app:

  1. Fai clic su una versione per selezionarla.
  2. Aggiorna la visualizzazione di anteprima.
  3. Fai clic su Restore Version per clonare la versione selezionata e utilizzarla.
  4. Fai clic sul pulsante Indietro in Version History per ripristinare la bozza di lavoro.
  5. Fai clic su Share per generare un URL per l’anteprima.
NOTA

Non è possibile modificare un'app quando il riquadro Version History è aperto.

Se un altro editor apporta modifiche mentre la finestra del browser è aperta, Livefyre invia un messaggio di avviso quando tenti di modificare l’app e ti chiede se desideri tornare alla versione della bozza (precedente). (Questo impedisce a più editor simultanei di ignorare accidentalmente le modifiche dell’altro). Fai clic su Update to Latest per iniziare a lavorare dalla versione più recente. Fai clic su Overwrite per tornare allo stato di lavoro (precedente), incrementare il numero di versione dal più recente e continuare a funzionare.

Scheda Riepilogo app

Utilizza la scheda Riepilogo app per gestire le informazioni per le singole app.

La scheda Riepilogo app consente di:

  • See on Site: Apre l'app sul sito.

  • Embed code: Disponibile solo per le app pubblicate, fornisce un collegamento cliccabile per generare il codice di incorporamento per qualsiasi app pubblicata.

    NOTA

    Usa questo codice di incorporamento per aggiungere i sondaggi ai commenti o all'app Live Blog. Per ulteriori informazioni, consulta Interazioni personalizzate > HTML personalizzato.

  • View Content: Apre la pagina Contenuto , in cui sono elencati tutti i contenuti pubblicati nell’app.

  • Moderate: Apre ModQ, elencando tutti i contenuti in attesa di moderazione per l’app.

  • Developer Info: Fornisce l’ID raccolta dell’app, l’ID articolo e l’ID sito.

Incorporare un'app sul sito utilizzando Studio

Genera il codice di incorporamento.

Quando viene pubblicata un’app, Livefyre genera e visualizza un codice di incorporamento, che può essere utilizzato per incorporare l’app in qualsiasi pagina della rete. Per generare lo snippet HTML utilizzato per incorporare l’app in una pagina:

  1. Dalla schermata Panoramica app, fai clic sul pulsante </> Embed Code .

  2. Dal pannello Embed Code che si apre, copia e incolla lo snippet di codice HTML visualizzato nella pagina web.

    Per le app che richiedono l’autenticazione utente, l’integrazione per l’autenticazione utente deve essere completa e trovarsi sulla pagina prima di aggiungere il codice di incorporamento.

Eliminare un'app

Puoi eliminare un’app dall’elenco App in Livefyre Studio. Quando elimini l’app da Studio, l’app è nascosta dalla visualizzazione e non viene eliminata o arrestata:

  • L'app non continua a funzionare su un sito.
  • Flussi associati.
  • Raccolte associate in Livefyre.

Per eliminare un'app:

  1. Clic Apps.
  2. Fai clic sull’ellissi a destra del nome dell’app da eliminare.
  3. Fai clic su Delete App per eliminare l’app.

In questa pagina