Show Menu
ARGOMENTI×

Integrazione con Livefyre

Scoprite come integrare le funzionalità di cura leader di settore di Livefyre con l'istanza AEM 6.4, consentendo di pubblicare in pochi minuti contenuti generati dagli utenti (UGC) dai social network al sito.

Guida introduttiva

Installare il pacchetto Livefyre per AEM

AEM 6.4 viene fornito con il pacchetto delle funzioni Livefyre 1.2.6 preinstallato. Questo pacchetto include solo un'integrazione Livefyre limitata con AEM Sites e deve essere disinstallato prima di installare un pacchetto aggiornato. Con il pacchetto più recente, puoi provare l’integrazione completa di Livefyre con AEM, compresi Siti, Risorse e Commercio.
Alcune funzioni del pacchetto AEM-LF dipendono dal framework dei componenti social (SCF). Se utilizzate il feature pack di Livefyre come parte di un sito non appartenente a una comunità, dovete dichiarare cq.social.scf come una dipendenza nei clientlibs degli autori del sito Web. Se utilizzate il feature pack LF come parte di un sito Web di una community, questa dipendenza dovrebbe già essere dichiarata.
  1. Dalla home page di AEM, fai clic sull’icona Strumenti nella parte sinistra.
  2. Andate a Distribuzione > Pacchetti .
  3. In Gestione pacchetti, scorrete fino a visualizzare il pacchetto delle funzioni Livefyre preinstallato, quindi fate clic sul titolo del pacchetto cq-social-livefyre-pkg-1.2.6.zip per espandere le opzioni.
  4. Fate clic su Altro > Disinstalla .
  5. Tornate alla home page di AEM, fate clic su Strumenti, quindi selezionate Distribuzione > Condivisione pacchetti.
    Viene visualizzato un elenco di pacchetti di funzioni e hotfix disponibili per il download.
  6. Nella ricerca per parole chiave, cercate "Livefyre", quindi selezionate il pacchetto di funzioni Livefyre corrispondente alla versione di AEM.
  7. Nella pagina delle informazioni sul pacchetto di funzioni, fate clic su Scarica , quindi leggete il contratto di licenza per il pacchetto e fate clic su Accetto .
  8. Tornate a Gestione pacchetti, individuate il pacchetto appena scaricato e fate clic su Installa .
    Il pacchetto Livefyre-AEM è ora installato. Prima di iniziare a utilizzare le funzioni di integrazione, è necessario configurare AEM per l'utilizzo di Livefyre.
    Per ulteriori informazioni sui pacchetti, vedere Come utilizzare i pacchetti .
    Per ulteriori informazioni e note sulla versione dei pacchetti di funzioni, consulta Feature Pack .

Configurare AEM per l'utilizzo di Livefyre: Creare una cartella di configurazione

  1. Dalla home page di AEM, fai clic sull’icona Strumenti nella barra a sinistra, quindi passa a Generale > Browser di configurazione.
  2. Fate clic su Crea per aprire la finestra di dialogo Crea configurazione.
  3. Assegnate un nome alla configurazione e selezionate la casella di controllo Cloud Configurations (Configurazioni cloud).
    In questo modo verrà creata una cartella in Strumenti > Distribuzione > Configurazione Livefyre con il nome fornito.

Configurare AEM per l'utilizzo di Livefyre: Creare una configurazione Livefyre

Configurate AEM per l'utilizzo delle credenziali di licenza Livefyre dell'organizzazione, consentendo la comunicazione tra Livefyre e AEM.
  1. Dalla home page di AEM, fate clic sull'icona Strumenti nella parte sinistra, quindi selezionate Distribuzione > Configurazione Livefyre.
  2. Selezionate la cartella di configurazione in cui desiderate creare una nuova configurazione Livefyre, quindi fate clic su Crea .
    Prima di poter aggiungere le configurazioni di Livefyre, nelle cartelle deve essere abilitata l'opzione Configurazioni cloud. Le cartelle di configurazione vengono create e gestite nel browser di configurazione.
    Non è possibile creare un nome per una configurazione, a cui fa riferimento il percorso della cartella in cui si trova. Potete avere una sola configurazione per cartella.
  3. Selezionate la scheda di configurazione Livefyre appena creata, quindi fate clic su Proprietà .
  4. Immettete le credenziali Livefyre della vostra organizzazione, quindi fate clic su OK .
    Per accedere a queste informazioni, aprire lo studio Livefyre e passare a Impostazioni > Impostazioni integrazione > Credenziali .
    L'istanza di AEM è ora configurata per l'utilizzo di Livefyre e potete utilizzare le funzioni di integrazione.

Personalizza integrazione con Single Sign-On

Il pacchetto Livefyre per AEM include un'integrazione out-of-the-box tra i profili AEM Communities e il servizio SSO di Livefyre.
Quando gli utenti accedono al sito AEM, vengono anche collegati ai componenti social di Livefyre. Quando un utente disconnesso tenta di utilizzare una funzione di componente Livefyre che richiede l’autenticazione (come il caricamento di una foto), il componente Livefyre avvia l’autenticazione dell’utente.
L'integrazione di autenticazione predefinita potrebbe non essere perfetta per ogni sito. Per soddisfare al meglio il flusso di autenticazione nei modelli del sito, potete ignorare il delegato di autenticazione Livefyre predefinito in base alle vostre esigenze. Effettuate le seguenti operazioni:
  1. Utilizzando CRXDE Lite, copiare /libs/social/integrations/livefyre/components/authorizablecomponent/authclientlib in /apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib .
  2. Modificate e salvate /apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js per implementare un delegato Livefyre Auth che soddisfi le vostre esigenze.
    Per ulteriori informazioni sulla personalizzazione di un delegato di autenticazione, vedi Integrazione identità.
    Per ulteriori informazioni sulle librerie AEM, consultate Utilizzo delle librerie lato client.

Utilizzo di Livefyre con AEM Sites

Aggiungere componenti Livefyre a una pagina

Prima di aggiungere componenti Livefyre a una pagina all’interno di Sites, è necessario abilitare Livefyre per la pagina ereditando una configurazione cloud Livefyre da una pagina padre o aggiungendo la configurazione direttamente alla pagina. Per informazioni su come includere i servizi cloud nel sito, consultate la vostra implementazione.
Una volta che Livefyre è abilitato per la pagina, i contenitori devono essere configurati per consentire ai componenti Livefyre. Consultate Configurazione dei componenti in modalità Progettazione per istruzioni su come abilitare diversi componenti.
Le app che richiedono l'autenticazione per la pubblicazione non funzionano finché l'autenticazione non viene configurata in Customize Single Sign-On Integration (Personalizza integrazione con Single Sign-On).
  1. Dal pannello laterale Componenti in modalità di progettazione, selezionate Livefyre dal menu per limitare l’elenco ai componenti Livefyre disponibili.
  2. Selezionate un componente Livefyre e trascinatelo nella posizione desiderata sulla pagina.
  3. Scegliete se creare una nuova app Livefyre o incorporarne una esistente.
    Se incorporate un'app esistente, AEM vi chiede di selezionare l'app. Se crei una nuova app, l'app dovrà essere compilata prima che venga visualizzato il contenuto. L'app verrà creata nel sito Livefyre e nella rete selezionati quando la configurazione cloud Livefyre sarà abilitata per la pagina.
    Per ulteriori informazioni sull’inserimento di componenti, consultate Modifica del contenuto della pagina.

Modificare un componente Livefyre per una pagina AEM.

In Livefyre Studio è possibile configurare e modificare solo un componente Livefyre. Da AEM:
  1. Fate clic sul componente Livefyre da configurare.
  2. Fate clic sull'icona Configura (chiave inglese) per aprire la finestra di dialogo di configurazione.
  3. Click To edit this component, go to Livefyre Studio .
  4. Modificate l'app in Livefyre Studio.

Utilizzo di Livefyre con AEM Assets

Richiesta di diritti e importazione di UGC in AEM Assets

Puoi importare contenuti generati dagli utenti di Twitter e Instagram (UGC) da Livefyre Studio a Risorse AEM tramite UGC Importer. Dopo aver selezionato il contenuto da importare, è necessario richiedere i diritti al contenuto prima di completare l'importazione.
Prima di utilizzare le risorse per importare UGC, è necessario configurare gli account Social Account e Rights Request in Livefyre Studio. Consultate Impostazione: Rights Request for more information.
Per importare UGC in AEM Assets:
  1. Dalla home page di AEM, passa a Risorse > File .
  2. Fate clic su Crea , quindi su Importa UGC.
  3. Trova contenuto:
    • Da Livefyre, fate clic sulla scheda Libreria UGC. Utilizzate i filtri e cercate il contenuto presente nella libreria UGC.
    • Da Twitter e Instagram cliccando sulla scheda Twitter o Instagram. Utilizzate la ricerca o i filtri per trovare il contenuto.
  4. Selezionate le risorse da importare. Le risorse selezionate vengono contate automaticamente e salvate nella scheda Selezionato .
  5. Facoltativo : Fai clic sulla scheda Selezionato e controlla il contenuto UGC selezionato da importare.
  6. Fai clic su Avanti .
  7. Per le richieste di diritti, scegliete una delle seguenti opzioni per ciascuna risorsa:
    Per Instagram:
    • Richiedete manualmente i diritti per ricevere un messaggio che possa essere copiato e incollato e inviato manualmente ai proprietari dei contenuti tramite Instagram.
    • Attribuire manualmente i diritti di contenuto per ignorare i diritti per singole risorse.
    A causa di aggiornamenti che influiscono sull'aggregazione di contenuto da account utente non business, non è più possibile pubblicare commenti per conto dell'utente o controllare automaticamente la presenza di risposte dall'autore. Fai clic qui per saperne di più .
    Per Twitter:
    • Message Author per inviare un messaggio al proprietario del contenuto in cui chiede i diritti alla risorsa.
    • Attribuire manualmente i diritti di contenuto per ignorare i diritti per singole risorse.
  8. Fai clic su Importa .
    Se avete inviato una richiesta di diritti per Twitter, il proprietario del contenuto visualizzerà il messaggio di richiesta di diritti sul suo account:
    Twitter ha dei limiti sulle richieste identiche provenienti dallo stesso account. Quando importate più risorse, modificate i messaggi singolarmente per evitare di essere contrassegnati.
  9. Fate clic su Fine nell’angolo in alto a destra per completare il flusso di lavoro Richiesta diritti.
    Potete visualizzare lo stato di una richiesta di diritti in sospeso per una risorsa in Livefyre Studio. Se il contenuto è in attesa di una richiesta di diritti, la risorsa non verrà visualizzata in Risorse AEM finché non verranno concessi i diritti. Quando viene concessa una richiesta di diritti, la risorsa viene visualizzata automaticamente in Risorse AEM.
    Per Instagram, dovete tenere traccia della risposta del proprietario del contenuto e concedere manualmente i diritti se gli sono stati concessi i diritti per il contenuto.

Utilizzo di Livefyre con AEM Commerce

Importazione di cataloghi di prodotti in Livefyre con AEM Commerce

Gli utenti di AEM Commerce possono integrare facilmente il catalogo di prodotti esistente in Livefyre per attirare l'utente nelle app di visualizzazione di Livefyre.
Dopo aver importato il catalogo prodotti, i prodotti vengono visualizzati in tempo reale nell’istanza Livefyre. Se modificate o eliminate elementi nel catalogo prodotti di AEM Commerce, le modifiche vengono aggiornate automaticamente in LiveCycle.
  1. Accertati che nell’istanza di AEM sia installato il pacchetto Livefyre più recente.
  2. Dalla home page di AEM, andate ad AEM Commerce .
  3. Create una nuova raccolta o utilizzate una raccolta esistente.
  4. Passate il puntatore del mouse sulla raccolta e fate clic su Proprietà ​raccolta (icona matita).
  5. Selezionate Sincronizza con Livefyre .
  6. Compila il prefisso pagina Livefyre per collegare questa raccolta a una pagina specifica in AEM.
    Il prefisso della pagina definisce il percorso principale nell’ambiente in cui inizia la ricerca delle pagine di prodotto. Livefyre sceglie la prima pagina a cui è associato un prodotto corrispondente. Per ottenere pagine diverse per prodotti diversi, sono necessarie più raccolte.

Matrice di supporto di AEM per le app Livefyre

App Livefyre
AEM 6.1
AEM 6.2
AEM 6.3
AEM 6.4
Carosello
X
X
X
X
Chat
X
X
X
X
Commenti
X
X
X
X
Filmstrip
X
X
X
LiveBlog
X
X
X
X
Mappa
X
X
X
X
Muro di supporto
X
X
X
X
Mosaico
X
X
X
X
Sondaggio
X
X
X
Recensioni
X
X
X
Scheda singola
X
X
X
X
Storify 2
X
X
X
Tendenze
X
X
X
Pulsante Carica
X
X
X