AEM Livefyre Recipes

Istruzioni dettagliate sui casi di utilizzo comuni per Adobe Experience Manager Livefyre.

Cura UGC utilizzando i componenti integrati di AEM Livefyre e visualizzi tramite Livefyre Media Wall

Media Wall trasferisce contenuti Livefyre sociali e nativi in un vero e proprio muro sociale. A seconda dei casi d’uso e dei requisiti, in AEM è possibile implementare Media Wall in diversi modi.

Il pacchetto AEM Livefyre fornisce un'implementazione out-of-box, mentre l'integrazione tradizionale consente di creare componenti Livefyre AEM personalizzati.

Integrazione AEM

Il pacchetto Adobe Experience Manager Livefyre è disponibile per AEM 6.1, 6.2SP1, 6.3, 6.4 e 6.4 SP1. AEM 5.x e 6.0 non sono supportati. Per istruzioni dettagliate, consultate Integrazione con Livefyre.

Per vedere quali app Livefyre sono supportate, consultate la AEM matrice di supporto per le app Livefyre.

Implementazione tradizionale (per componenti AEM personalizzati)

Esistono tre modi per implementare Livefyre in un componente AEM personalizzato o altri CMS come WordPress, Sitecore o DemandWare. Un'integrazione Livefyre tradizionale è agnostica di CMS.

Metodo 1: Implementazione app di Designer

Cosa: Metodo più semplice e veloce per integrare un'app Livefyre. Potete progettare, configurare e generare un codice da incorporare JavaScript personalizzato per integrare in pochi minuti un'app Media Wall su una pagina.
Come: creare, visualizzare in anteprima, pubblicare e incorporare un’app per muri di file multimediali
Esempio: https://codepen.io/dharafyre/pen/bvGrLo

Metodo 2: Implementazione SDK

What: Livefyre. jsis la libreria di base che abilita App e Auth su un sito. Definisce l'oggetto window.Livefyre globale e un singolo metodo pubblico, Livefyre.request, che può essere utilizzato per caricare altre librerie JavaScript Livefyre che consentono di incorporare le app Livefyre e di integrarsi con le piattaforme di autenticazione utente di terze parti.
Procedura: Utilizzate il pacchetto di streaming-wallpackage dell'SDK JavaScript di Livefyre
Esempio: https://codepen.io/dharafyre/pen/KZKBNv?editors=1010

Per le personalizzazioni avanzate che utilizzano l'SDK, fare riferimento a SDK StreamHub.

Metodo 3: Implementazione API

Per creare esperienze personalizzate e visualizzazioni di dati, le app Livefyre possono essere create da zero utilizzando i dati Livefyre e social tramite l'API Bootstrap e Stream.

Quando create l'interfaccia per UGC, accertatevi di seguire le linee guida di visualizzazione di Twitter, Facebook e Instagram.

Integrazione autenticazione di Media Wall

Per le integrazioni di Media Wall che richiedono l’autenticazione, fate riferimento a:

Personalizza Single Sign On Integrationper AEM Identity Management
Integrazione delle identità per le piattaforme di autenticazione di terze parti

Cenni preliminari sull'utilizzo dei casi

In qualità di cliente AEM, desidero curare l’UGC utilizzando i componenti AEM integrati di Livefyre e visualizzarlo tramite Livefyre Media Wall:

Passaggi per l'implementazione:

Per i video di formazione sullo streaming UGC, consultate Create Automatic Content Streams and Search Social Content in Adobe Experience Manager Livefyre (Creazione di flussi di contenuto automatici e ricerca di contenuti social network in Livefyre).

Esempi cliente

Per creare esperienze personalizzate e visualizzazioni di dati, le app Livefyre possono essere create da zero utilizzando i dati Livefyre e social tramite l'API Bootstrap e Stream.

Per le app Livefyre che richiedono l'autenticazione, consultate Integrazione identità per le piattaforme di autenticazione di terze parti.

Integrare i commenti Livefyre utilizzando i componenti AEM o l'integrazione Livefyre tradizionale

Integrazione AEM

Il pacchetto Adobe Experience Manager Livefyre è disponibile per AEM 6.1, 6.2SP1, 6.3, 6.4 e 6.4 SP1. AEM 5.x e 6.0 non sono supportati. Per istruzioni dettagliate, consultate Integrazione con Livefyre.

Implementazione tradizionale (per componenti AEM personalizzati)

Esistono tre modi per implementare l'app dei commenti Livefyre in un componente AEM personalizzato o in altri CMS come WordPress, Siteore o DemandWare. Un'integrazione Livefyre tradizionale è agnostica di CMS.

Metodo 1: Implementazione app di Designer

Cosa: Metodo più semplice e veloce per integrare un'app Livefyre. Potete progettare, configurare e generare un codice da incorporare JavaScript personalizzato per integrare in pochi minuti un'app Media Wall su una pagina.
Come: creare, visualizzare in anteprima, pubblicare e incorporare un'app per commenti
Esempio: https://codepen.io/dharafyre/pen/oYoJdP

Metodo 2: Implementazione SDK

What: Livefyre. jsis la libreria di base che abilita App e Auth su un sito. Definisce l'oggetto window.Livefyre globale e un singolo metodo pubblico, Livefyre.request, che può essere utilizzato per caricare altre librerie JavaScript Livefyre che consentono di incorporare le app Livefyre e di integrarsi con le piattaforme di autenticazione utente di terze parti.
Procedura:
- Create una raccolta/app utilizzando CollectionMeta token.
- Integrare Comments App nei siti utilizzando la struttura del codice da incorporare di Livefyre.js.
Esempio: https://codepen.io/dharafyre/pen/oYoJdP

Per le personalizzazioni avanzate che utilizzano l'SDK, vedi SDK StreamHub.

Metodo 3: Implementazione API

Per creare esperienze personalizzate e visualizzazioni di dati, le app Livefyre possono essere create da zero utilizzando i dati Livefyre e social tramite l'API Bootstrap e Stream.

Integrazione autenticazione app commenti

Personalizza Single Sign On Integrationper AEM Identity Management
Integrazione delle identità per le piattaforme di autenticazione di terze parti

Esempi cliente

Poise (Kimberly Klark)

Utilizzate l'integrazione Livefyre AEM Assets per importare UGC in AEM Assets

Configurazione Livefyre (per cura e Rights Management UGC):

Configura flussi e aggiungi regole per curare i contenuti UGC nelle cartelle della libreria di risorse Livefyre.
1. Per i video di formazione sullo streaming UGC, consultate Create Automatic Content Streams and Search Social Content in Adobe Experience Manager Livefyre (Creazione di flussi di contenuto automatici e ricerca di contenuti social network in Livefyre).
Raccogliete, organizzate e gestite contenuti UGC specifici nelle cartelle Libreria risorse Livefyre.
1. Per video di formazione sulla creazione e gestione di cartelle nella Libreria risorse di Livefyre Studio, consultate Operazioni con le risorse in Adobe Experience Manager Livefyre.
Richiedi diritti per UGC curato tramite Livefyre Studio.

Impostazione AEM (per importare UGC in AEM Assets):

Tourism Australia

Integrare le recensioni di Livefyre utilizzando i componenti AEM o l'integrazione tradizionale di Livefyre

Integrazione AEM

Il pacchetto Adobe Experience Manager Livefyre è disponibile per AEM 6.1, 6.2SP1, 6.3, 6.4 e 6.4 SP1. AEM 5.x e 6.0 non sono supportati. Per istruzioni dettagliate, consultate Integrazione con Livefyre.

Il componente Recensioni non è un componente supportato per AEM 6.1. Controllare la AEM matrice di supporto per tutte le app Livefyre.

Implementazione tradizionale (per componenti AEM personalizzati)

Esistono due modi per implementare Livefyre Reviews App in un componente AEM personalizzato o altri CMS come WordPress, Sitecore o DemandWare. Un'integrazione Livefyre tradizionale è agnostica di CMS.

Metodo 1: Implementazione SDK

What: Livefyre. jsis la libreria di base che abilita App e Auth su un sito. Definisce l'oggetto window.Livefyre globale e un singolo metodo pubblico, Livefyre.request, che può essere utilizzato per caricare altre librerie JavaScript Livefyre che consentono di incorporare le app Livefyre e di integrarsi con le piattaforme di autenticazione utente di terze parti.
Procedura:
- Create le Recensioni CollectionMeta token per specificare i metadati da memorizzare nella raccolta Reviews.
- Integrare Recensioni di app nei siti mediante la struttura del codice da incorporare Livefyre.js
Esempio: https://codepen.io/dharafyre/pen/GXgvvd

Per le personalizzazioni avanzate che utilizzano l'SDK, vedi SDK StreamHub.

Metodo 2: Implementazione API

Per creare esperienze personalizzate e visualizzazioni di dati, le app Livefyre possono essere create da zero utilizzando i dati Livefyre e social tramite l'API Bootstrap e Stream.

Ulteriori valutazioni e recensioni API sono disponibili qui.