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.2Sp1、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 の実装

  • カスタマイズされたエクスペリエンスとデータの視覚化を作成するために、ブートストラップとストリーム API を使用して Livefyre とソーシャルデータを利用することで、一から Livefyre Apps を作成できます。

フォローを確認 Twitter, Facebook、および Instagram UGC 用の UI を構築する際にガイドラインを表示します。

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 での自動コンテンツストリームの作成とソーシャルコンテンツの検索.

お客様の例

カスタマイズされたエクスペリエンスとデータの視覚化を作成するために、ブートストラップとストリーム API を使用して Livefyre とソーシャルデータを利用することで、一から Livefyre Apps を作成できます。

認証が必要な Livefyre アプリの場合は、 ID 統合 (サードパーティ認証プラットフォーム用)

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

AEM の統合

Livefyre Adobe Experience Manager パッケージは、AEM 6.1、6.2Sp1、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 の実装

  • カスタマイズされたエクスペリエンスとデータの視覚化を作成するために、ブートストラップとストリーム API を使用して Livefyre とソーシャルデータを利用することで、一から Livefyre Apps を作成できます。

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

お客様の例

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.2Sp1、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 ライブラリをロードするために使用されます。

  • 方法:

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

SDK を使用した高度なカスタマイズについては、 StreamHub SDK.

メソッド 2:API の実装

  • カスタマイズされたエクスペリエンスとデータの視覚化を作成するために、ブートストラップとストリーム API を使用して Livefyre とソーシャルデータを利用することで、一から Livefyre Apps を作成できます。

追加の評価とレビュー API が見つかります ここ.

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

お客様の例

このページ