AEM Livefyre のレシピ

Adobe Experience Manager Livefyre の一般的なユースケースについての手順の説明。

標準 Livefyre AEM コンポーネントを使用して UGC をキュレーションし、Livefyre Media Wall を使用して表示する

Media Wall は、ソーシャルおよびネイティブの Livefyre コンテンツをリアルタイムのソーシャルウォールにストリーミングします。AEM に Media Wall を実装する方法は、ユースケースと要件に応じて複数あります。

AEM Livefyre パッケージでは初期設定済みの実装が提供されますが、従来の統合ではカスタム Livefyre AEM コンポーネントを作成する機能が提供されます。

AEM の統合

Livefyre Adobe Experience Manager パッケージは、AEM 6.1、6.2 SP1、6.3、6.4、6.4 SP1 で使用できます。AEM 5.x および 6.0 ではサポートされていません。手順について詳しくは、Livefyre との統合を参照してください。

どの Livefyre アプリがサポートされているかを確認するには、Livefyre アプリの AEM サポート一覧を参照してください。

従来の実装(カスタマイズされた AEM コンポーネント用)

Livefyre をカスタム AEM コンポーネントまたは WordPress、Sitecore、DemandWare などの他の CMS に実装する方法は 3 つあります。従来の Livefyre 統合は CMS に依存しません。

方法 1:Designer アプリの実装

方法 2:SDK の実装

SDK を使用した高度なカスタマイズについては、StreamHub SDK を参照してください。

方法 3:API の実装

  • カスタマイズされたエクスペリエンスおよびデータビジュアライゼーションを作成するには、Bootstrap and Stream API を使用して Livefyre とソーシャルデータを利用することで、いちから Livefyre アプリを作成できます。

UGC の UI を構築する際は、TwitterFacebookInstagram のディスプレイガイドラインに従うようにしてください。

Media Wall 認証の統合

認証を必要とする Media Wall の統合については、以下を参照してください。

ユースケースの概要

AEM の顧客として、標準 Livefyre AEM コンポーネントを使用して UGC をキュレートし、Livefyre Media Wall を使用して表示したい。

実装手順:

  1. はじめに
  2. Livefyre を使用するために AEM を設定
  3. AEM Media Wall コンポーネントをページにドラッグ&ドロップ
  4. UGC をキュレーションして Media Wall コンポーネントに表示するために、ストリームを設定してルールを追加

ストリーミング UGC のトレーニングビデオについては、Adobe Experience Manager Livefyre での自動コンテンツストリームの作成とソーシャルコンテンツの検索を参照してください。

お客様の例

カスタマイズされたエクスペリエンスおよびデータビジュアライゼーションを作成するには、Bootstrap and Stream API を使用して Livefyre とソーシャルデータを利用することで、いちから Livefyre アプリを作成できます。

認証が必要な Livefyre アプリについては、サードパーティ製認証プラットフォーム用 ID 統合を参照してください。

AEM Components または従来の Livefyre 統合を使用して Livefyre コメントを統合する

AEM の統合

Livefyre Adobe Experience Manager パッケージは、AEM 6.1、6.2 SP1、6.3、6.4、6.4 SP1 で使用できます。AEM 5.x および 6.0 ではサポートされていません。手順について詳しくは、Livefyre との統合を参照してください。

従来の実装(カスタマイズされた AEM コンポーネント用)

Livefyre コメントアプリケーションをカスタム AEM コンポーネントまたは WordPress、Sitecore、DemandWare などの他の CMS に実装する方法は 3 つあります。従来の Livefyre 統合は CMS に依存しません。

方法 1:Designer アプリの実装

方法 2:SDK の実装

  • 説明:Livefyre.js はサイトのアプリと認証を強化するコアライブラリです。これはグローバル window.Livefyre オブジェクトと単一のパブリックメソッド Livefyre.require を定義します。これらは、Livefyre アプリの組み込みやサードパーティのユーザー認証プラットフォームとの統合に役立つ、その他の Livefyre JavaScript ライブラリをロードするために使用されます。

  • 方法:

  • 例:https://codepen.io/dharafyre/pen/oYoJdP

SDK を使用した高度なカスタマイズについては、StreamHub SDK を参照してください。

方法 3:API の実装

  • カスタマイズされたエクスペリエンスおよびデータビジュアライゼーションを作成するには、Bootstrap and Stream API を使用して Livefyre とソーシャルデータを利用することで、いちから Livefyre アプリを作成できます。

コメントアプリ認証の統合

お客様の例

Livefyre AEM Assets 統合を使用して AEM Assets に UGC を読み込む

Livefyre セットアップ(UGC キュレーションおよび Rights Management 用):

  1. Livefyre Asset Library フォルダーに UGC をキュレーションするために、ストリームを設定してルールを追加します。

    1. ストリーミング UGC のトレーニングビデオについては、Adobe Experience Manager Livefyre での自動コンテンツストリームの作成とソーシャルコンテンツの検索を参照してください。
  2. Livefyre Asset Library フォルダーにキュレーション済み UGC を収集、整理、管理します。

    1. Livefyre Studio Asset Library でのフォルダーの作成および管理に関するトレーニングビデオについては、Adobe Experience Manager Livefyre でのアセットの操作を参照してください。
  3. Livefyre Studio を使用してキュレーションされた UGC の権限のリクエスト

AEM セットアップ(AEM Assets に UGC を読み込むため)

  1. はじめに
  2. Livefyre を使用するために AEM を設定
  3. Livefyre によってキュレーションされた UGC の AEM Assets への読み込み

AEM Components または従来の Livefyre 統合を使用して Livefyre レビューを統合する

AEM の統合

Livefyre Adobe Experience Manager パッケージは、AEM 6.1、6.2 SP1、6.3、6.4、6.4 SP1 で使用できます。AEM 5.x および 6.0 ではサポートされていません。手順について詳しくは、Livefyre との統合を参照してください。

レビューコンポーネントは、AEM 6.1 ではサポートされていないコンポーネントです。Livefyre アプリの AEM サポート一覧を確認してください。

従来の実装(カスタマイズされた AEM コンポーネント用)

Livefyre レビューアプリをカスタム AEM コンポーネントまたは WordPress、Sitecore、DemandWare などの他の CMS に実装する方法は 2 つあります。従来の Livefyre 統合は CMS に依存しません。

方法 1:SDK の実装

  • 説明:Livefyre.js はサイトのアプリと認証を強化するコアライブラリです。これはグローバル window.Livefyre オブジェクトと単一のパブリックメソッド Livefyre.require を定義します。これらは、Livefyre アプリの組み込みやサードパーティのユーザー認証プラットフォームとの統合に役立つ、その他の Livefyre JavaScript ライブラリをロードするために使用されます。

  • 方法:

    • レビュー CollectionMeta トークンを作成して、レビューコレクション内に保存するメタデータを指定します。
    • Livefyre.js 埋め込みコード構造を使用したサイトへのレビューアプリの統合
  • 例:https://codepen.io/dharafyre/pen/GXgvvd

SDK を使用した高度なカスタマイズについては、StreamHub SDK を参照してください。

方法 2:API の実装

  • カスタマイズされたエクスペリエンスおよびデータビジュアライゼーションを作成するには、Bootstrap and Stream API を使用して Livefyre とソーシャルデータを利用することで、いちから Livefyre アプリを作成できます。

追加の評価とレビュー API については、こちらを参照してください。

コメントアプリ認証の統合

お客様の例

このページ