アプリを作成

サイトにアプリを追加するには、まずLivefyre Studioでアプリを作成する必要があります。

新しいアプリを作成するには:

  1. アプリページで​+New App​をクリックし、プルダウンメニューからアプリのタイプを選択します。
  2. New App​ダイアログボックスが表示されます。 App Title​を入力し、Site​を選択し、Create​をクリックして、アプリの概要ページを開きます。

アプリの概要ページには、次の4つのタブがあります。

  • App Summary:は、アプリのコンテンツとステータスの概要を示し、サイト上でアプリにアクセスし、埋め込みコードを生成するためのツールを提供します。
  • Designer:フォント、カラースキーム、アプリ固有の設定オプションなど、アプリのデザインオプションを選択できます。
  • Streams:は、アプリのコンテンツのすべてのストリームソースをリストします。ストリームのタイトルをクリックして、ストリームの詳細ページを開きます。このページからストリームの詳細を編集できます。
  • Settings:では、アプリにコンテンツを追加するルールや、表示するコンテンツのタイプなど、アプリ固有の設定を選択できます。「 Settings 」タブをクリックして、アプリのネットワークおよびサイト設定を上書きします。

アプリリスト

アプリリストページから、既存のLivefyreアプリにアクセスできます。

アプリ一覧ページには、次の情報が表示されます。

  • Title:アプリのタイトルと、アプリのタイプを示すアイコンが含まれます。
  • Site:アプリの場所をサイト別に表示します。
  • Content Count:アプリに公開されたコンテンツの数をリストします。
  • Date Modified:アプリデザイナーで前回アプリが変更された日時を表示します。
  • Embed Code (</>):アイコンをクリックして、アプリの埋め込みコードを生成します。

アプリのカスタマイズ

「アプリデザイナー」タブを使用して、Style​および​Configuration​オプションを選択し、アプリをカスタマイズできます。

Style オプションは、すべてのアプリタイプで一貫しています。 Configuration オプションはアプリによって異なります。Style​と​Configuration​パネルの下部には、アプリ用のLivefyreアプリのバージョンが一覧表示されます。

スタイルオプションを選択

スタイルアプリをサイトのブランディングに合わせて調整します。 Style​オプションを使用して、アプリのカラーとフォントスタイルを選択します。

  • Theme​をインストールします。Light​または​Dark​を選択して、表示するコンテンツの背景色を定義します。 この設定に対する変更は、右側のプレビューにすぐに反映されます。 この設定は、アプリの背景、コンテンツテキスト、ユーザーハンドル、タイムスタンプ、共有ボタンおよびソーシャルアイコンの色の選択を制御します。

  • Brand color​をインストールします。アプリの色を選択します。 この色は、ハッシュタグ、URL、ユーザー名、@mentions、棒グラフおよびその他のアプリ固有のコンポーネントに使用され、右側のプレビューパネルに表示されます。

  • Font family​をインストールします。アプリでユーザー生成コンテンツのフォントを選択します。 GeorgiaまたはTimes New Romanを選択すると、そのフォントがコンテンツに割り当てられ、Helvetica Neueがユーザー名と表示名に割り当てられます。 Helvetica、Verdana、またはTrebuchetを選択すると、これらのフォントがコンテンツ、ユーザー名、表示名に割り当てられます。

  • Font size​をインストールします。デフォルトのフォントサイズを選択します。 この設定は、ユーザーが生成するすべてのコンテンツと、アプリに表示されるタイトルに影響を与えます。

アプリの更新

新しいバージョンのAppが存在する場合は、「Update」ボタンが表示されます。

「 」ボタンをクリックして、最新のリリースバージョンに更新します。 アプリを更新して、利用可能な機能強化とバグ修正をすべて使用します。 更新後、アプリに加えられた変更をプレビューし(ある場合)、更新を許可または拒否します。

アプリへのコールトゥアクションボタンの追加

UGCからのコンバージョンを促すコールトゥアクションボタンを追加します。

アプリにコールトゥアクションボタンを追加するには:

  1. MosaicまたはMedia Wallアプリを作成します。

    MosaicまたはMediaウォールで使用可能なカスタマイズについて詳しくは、 Mosaic CustomizationsまたはMedia Wall Customizationsを参照してください。

  2. アプリ用のDesignerを開きます。

  3. Designerの​Call-to-Action Button​セクションまでスクロールします。

  4. Call-to-Action Button​を​on​に切り替えます。

  5. コールトゥアクションボタンオプションを設定します。

アプリプレビュー

アプリデザイナーを使用すると、複数の配信形式で、独自のまたはサンプルデータを表示してアプリをプレビューできます。

Exit Preview​を選択してデザインモードに戻ります。

プレビューモードには、次のオプションがあります。

  • Preview Options:プルダウンメニューを使用して、プレビュー形式(モバイル、タブレット、デスクトップ)と、アプリのストリームデータを表示するかど Sample Data うかを選択します。

    メモ

    Sample Data​の選択を解除し、アプリに対してストリームが有効になっていない場合、プレビューモードにはコンテンツが表示されません。

  • Share:アプリを新しいブラウザータブで開き、URLを生成します。URLは、友達、同僚、またはStudio以外のユーザーがアプリをレビューし、様々なブラウザーやデバイスでテストするのを許可するために使用できます。

    メモ

    アプリのレビューバージョンに投稿されたコンテンツは、すべてアプリに追加されます。 このコンテンツを公開済みアプリに表示しない場合は、「公開」をクリックする前に削除する必要があります。

  • Exit Preview:編集モードに戻ります。

メモ

プレビューモードは完全にインタラクティブで、アプリのユーザーエクスペリエンスをテストできます。 Allow user posts​を有効にすると、プレビューリンクを持つユーザーが「What’s on your mind」ボタンをクリックして、コンテンツをテストバージョンに投稿できます。 Studioは、投稿されたコンテンツをリストします。

アプリの投稿

変更を加えると、App Designerは自動的にアプリを保存します。 Publish​を使用して埋め込みコードを生成したり、以前に公開したこのアプリのバージョンを現在のバージョンに更新したりできます。

メモ

Publish​をクリックすると、アプリの埋め込みコードが生成され、以前に公開された場合は、アプリの既存のインスタンスがすべて更新されます。

アプリ履歴の確認

App Designerは、変更を加えるとアプリを自動的に保存し、変更ごとに新しいバージョンを生成します。 History​を使用して、アプリのすべてのバージョンを一覧表示するパネルを開くことができます。 リストに表示されたバージョンは、各バージョンのエディターとそのページを表示します。

アプリの履歴を確認するには:

  1. バージョンをクリックして選択します。
  2. プレビュー表示を更新します。
  3. Restore Version​をクリックして、選択したバージョンのクローンを作成し、そこから作業を行います。
  4. Version History​の「戻る」ボタンをクリックして、作業用ドラフトに戻ります。
  5. Share​をクリックして、プレビュー用のURLを生成します。
メモ

Version History​ウィンドウが開いている間は、アプリを編集できません。

ブラウザーウィンドウが開いている間に別のエディターが変更を加えた場合、Livefyreは、アプリを編集しようとすると、(古い)ドラフトバージョンに戻るかどうかを尋ねる警告メッセージを表示します。 (これにより、同時に複数の編集者が誤って互いの変更を無視するのを防ぎます)。 Update to Latest​をクリックして、最新バージョンから作業を開始します。 Overwrite​をクリックして(古い)作業状態に戻り、最新のバージョン番号を増やして、作業を続行します。

「アプリの概要」タブ

アプリの概要タブを使用して、個々のアプリの情報を管理します。

「アプリの概要」タブでは、次の操作を実行できます。

  • See on Site:サイトでアプリを開きます。

  • Embed code:公開済みのアプリでのみ使用でき、公開済みのアプリの埋め込みコードを生成するためのクリック可能なリンクを提供します。

    メモ

    この埋め込みコードを使用して、コメントまたはライブブログアプリに投票を追加します。 詳しくは、カスタムインタラクション/カスタムHTMLを参照してください。

  • View Content:コンテンツページを開き、アプリに公開されたすべてのコンテンツが表示されます。

  • Moderate:ModQを開き、アプリのモデレート待ちのすべてのコンテンツを表示します。

  • Developer Info:アプリのコレクションID、記事ID、サイトIDを提供します。

Studioを使用したサイトへのアプリの埋め込み

埋め込みコードを生成します。

アプリが公開されると、Livefyreは埋め込みコードを生成して表示します。埋め込みコードは、ネットワークの任意のページにアプリを埋め込むのに使用できます。 アプリをページに埋め込むために使用するHTMLスニペットを再生成するには:

  1. アプリの概要画面で、「</> Embed Code」ボタンをクリックします。

  2. 開いた​Embed Code​パネルから、表示されたHTMLコードスニペットをコピーしてWebページに貼り付けます。

    ユーザー認証が必要なアプリの場合は、埋め込みコードを追加する前に、ユーザー認証の統合が完了し、ページ上にある必要があります。

アプリの削除

Livefyre Studioのアプリリストからアプリを削除できます。 Studioからアプリを削除しても、アプリは表示から非表示になり、削除も停止もしません。

  • アプリがサイトで引き続き動作する。
  • 関連するストリーム。
  • Livefyre内の関連コレクション。

アプリを削除するには:

  1. クリック Apps.
  2. 削除するアプリの名前の右側にある省略記号をクリックします。
  3. Delete App​をクリックして、アプリを削除します。

このページ