マニュアル

ランディングページの設定方法

adobe connect でイベントランディングページを作成およびカスタマイズして、イベントを宣伝し、登録を促進する方法を説明します。

効果的なランディングページの作成は、adobe connect イベントを宣伝し、登録数を増やすために不可欠です。ランディングページは、参加者がイベントの詳細情報(説明、日時、講演者の詳細、登録 options など)を見つけるためのメインエントリーポイントとして機能します。適切に構成されたランディングページは、ユーザーエンゲージメントを向上させ、adobe connect イベントへのシームレスなエントリーポイントを提供します。

adobe connect では、テンプレートと aem(adobe experience manager)コンポーネントを使用してランディングページを作成およびカスタマイズできます。イベントを作成したら、次のことができます:

  • 事前設定されたイベントランディングページテンプレートを選択します。
  • aem のビジュアルツールを使用してテンプレートを編集し、イベントバナー、講演者セクション、フッターなどを変更します。
  • チャート、列、画像、ソーシャルプラグインなどの再利用可能な aem コンポーネントを追加します。
  • 最終レイアウトをプレビューして、ランディングページがイベントのブランディングとレイアウト設定を反映していることを確認します。

この記事では、以下のトピックを扱います。

前提条件

ランディングページの作成またはカスタマイズを開始する前に、次の条件が満たされていることを確認してください:

  • adobe connect でイベントを作成および管理するために必要な権限があります。
  • イベントコンテンツ(会議、コースなど)が適切な adobe connect コンテンツライブラリに既に存在します。

イベントランディングページテンプレートを開始

ランディングページをカスタマイズする前に、adobe connect イベント用のテンプレートを選択する必要があります。テンプレートには、イベントタイトル、日時、登録 options、スピーカー情報などのセクションを含む事前にデザインされた構造が用意されています。

Adobe Connect では、さまざまな用途やブランディングスタイルに適したイベントテンプレートを豊富に提供しています。適切なテンプレートを選択することで、一貫したレイアウトが確保され、カスタマイズ時の時間を節約できます。

イベントランディングページテンプレートを開始するには、次の手順を実行します:

  1. Adobe Connect Central ホームにログインします。

  2. Events タブを選択します。

  3. New Event を選択してイベント作成ウィザードを開始します。

  4. Event Template ドロップダウンから事前設定済みのテンプレートを選択します。イベントランディングページは、特定のイベントに関する情報を求める参加者の主要なアクセスポイントです。イベントの説明、日付、時間、登録 options などの重要な詳細が含まれています。ユーザーは、Adobe Connect Central 内で直接、登録やスピーカー情報などの関連ページと併せてイベントランディングページをプレビューできます。

  5. 利用可能なテンプレートを参照して、イベントのスタイルと目的に最も適したものを選択します。

ランディングページを設定

イベント用のランディングページテンプレートを選択したら、イベントのブランディングと詳細に合わせてカスタマイズできます。Edit を選択してテンプレートの編集を開始します。

コンピュータープログラムのスクリーンショット

AI生成コンテンツは正確でない場合があります。

テンプレート編集モードが新しいブラウザーで起動します。AEM (Adobe Experience Manager) コンポーネントを使用して、視覚的に魅力的で情報豊富なイベントランディングページをデザインできます。

イベント情報ランディングページを設定

テンプレートエディターが開いたら、重要な詳細を使用してイベントランディングページのカスタマイズを開始します。編集可能なコンポーネントを使用してレイアウト、テキスト、ビジュアルを更新します。これにより、ページをイベントのブランディングに合わせ、オーディエンスに重要な情報を明確に伝えることができます。

イベントバナー画像プロパティを編集

  1. バナー画像コンポーネントを選択します。

    イベントバナーを編集
    イベントバナーを編集

  2. を選択します。

  3. 次のサイズ関連画像プロパティを設定します:

    • サイズ:リサイズの処理方法を選択するドロップダウンです。縦横比を維持する(デフォルト)optionsを選択すると、リサイズ時に画像の比率が保持されます。その他のoptionsでは、画像のdimensionを設定することができます:
      • 定義済みサイズを使用:システムまたはテンプレート定義のdimensionに基づいてサイズを自動的に適用します。このoptionsは、類似したコンポーネント(例:スピーカー画像やバナー)間で一貫性を保つ場合に便利です。
      • 元のサイズを使用:アップロード時の実際のサイズ(ピクセル単位)で画像/コンポーネントを表示します。リサイズは適用されません。引用元ファイルが既に表示用に最適化されている場合に最適です。
      • カスタムサイズを設定:幅と高さを完全にコントロールできます。カスタムサイズを入力フィールドに手動で値を入力することができます。手動で計算しない限り、縦横比は維持されません。
    • Dimension:リサイズ時に変更するdimensionを決定します。
      • 幅または高さ:幅に基づいてリサイズします(縦横比が維持される場合、高さは自動調整されます)。
    • ピクセル単位の値:選択したDimensionに基づいて、新しいdimension をピクセル単位で指定します。例えば、縦横比を維持した740ピクセルの幅では、高さが自動調整されます。
    • カスタムサイズを入力:幅と高さを手動で入力できます。
    サイズタブインターフェイス

  4. 詳細タブを選択して、説明、画像位置(左、右、または中央)、画像のタイトルを追加します。

    詳細タブインターフェイス

  5. OK を選択して変更を保存します。

イベント名とスピーカーのプロパティを編集

  1. イベント名を編集します。

    イベント名を編集

  2. Register ボタンのプロパティを変更します。ボタンを選択し、コンポーネントを右クリックして 編集 を選択します。以下のプロパティを設定します:

    • Link To:コンポーネント(通常はボタンまたは画像)のリンクアクションのタイプを選択するドロップダウンメニューです。optionsには、Register Page、Event Details、Speakers Page などがあります。
    リンクとスタイルタブインターフェイス

    • Hyperlink:前のステップで選択したページに移動するURLを手動で入力するテキストボックスです。
    • Style:コンポーネントに定義済みの視覚的スタイルを適用するドロップダウンです。角を丸くするを選択すると、ボタンに角丸スタイルが適用されます。
    • ラベル タブを選択します。以下のプロパティを編集します:
      • ラベル:ボタンのテキストを変更します。
      • フォントプロパティ:ボタンのラベル、色、サイズ、ファミリー、高さなどを変更します。
    ラベルタブインターフェイス

    • ボタンコンポーネントの左側、中央、または右側に表示される画像を追加します。画像プレースホルダーを選択し、デバイスから画像を参照してアップロードします。

  3. OK を選択して変更を適用します。

スピーカー画像プロパティを編集

  1. スピーカー画像コンポーネントを右クリックして編集を選択します。

    スピーカー画像を編集

  2. 画像プロパティを設定します。詳細については、イベントバナー画像プロパティを編集セクションを参照してください。

  3. OKを選択して変更を適用します。

スピーカー名とボタンプロパティを編集

コンポーネントを右クリックして編集を選択します。

スピーカー名とプロパティを編集

イベントフッターを編集

  1. フッターコンポーネントを選択します。

  2. コンポーネントを右クリックして編集を選択します。

    イベントフッターを編集

  3. テキストとその他のプロパティを変更します。

    テキストとフォントプロパティを編集

  4. OK を選択して変更を適用します。

AEMコンポーネントをテンプレートに追加

AEMサイドパネルを使用して、再利用可能なAEMコンポーネントをドラッグ&ドロップし、イベントランディングページを強化します。これらのコンポーネントを使用すると、最小限の労力でページの構造、レイアウト、コンテンツをカスタマイズできます。

  1. サイドパネルでコンポーネントを選択します。例えば、Chartを選択します。

    Chartコンポーネントを追加

  2. コンポーネントをテンプレートにドラッグします。

    コンポーネントをテンプレートにドラッグするoptionsを表示するイベント情報タブ

  3. コンポーネントを右クリックして編集を選択します。

  4. CSV形式でチャートデータを追加します。

    CSV形式でチャートデータを追加

  5. 詳細 タブを選択します。

  6. 次のオプションを選択します。

    • チャートタイプ:円グラフ、線グラフ、棒グラフから選択します。
    • 代替テキスト:チャートの代替テキストを追加します。このテキストはアクセシビリティに使用されます。
    • 幅と高さフィールド:チャートの寸法をピクセル単位で指定します。
    詳細タブインターフェイス

  7. OK を選択して変更を適用します。

次のチャートがランディングページ:に表示されます

ランディングページのチャート表示
ランディングページのチャート表示

同様に、ランディングページ:で必要に応じて他のコンポーネントを追加します

ランディングページにAdobe Connectコンポーネントを追加

Adobe Experience Manager(AEM)内でさまざまなAdobe Connectコンポーネントを使用して、リッチでブランド化されたイベントランディングページをデザインします。この例では、Adobe Connectロゴを追加します。

  1. アカウントロゴコンポーネントを選択してランディングページにドラッグします。

    アカウントロゴをドラッグするoptionsを表示するAEMインターフェイス

  2. コンポーネントを選択します。

  3. コンポーネントを右クリックして編集を選択します。

  4. ロゴの寸法、位置、代替テキストを設定します。

    サイズタブインターフェイス

  5. OK を選択して変更を適用します。

同様に、ランディングページで必要に応じて他のコンポーネントを追加します。

他のコンポーネントを表示するAdobe Connectセクション
他のコンポーネントを表示するadobe connectセクション

ランディングページのレイアウトを設定

adobe experience manager(aem)の列セクションでは、ページコンテンツをレスポンシブで柔軟なレイアウトに整理することができます。これらのコンポーネントは、コンテンツを整理された視覚的なセクションに構造化するのに特に便利です。

aemの列セクション
aemの列セクション

  1. レイアウトを選択します。例えば、2列などです。

  2. コンポーネントをドラッグしてランディングページにドロップします。

  3. 列にコンポーネントを追加します。プレースホルダーを右クリックして新規 を選択し、コンポーネントを追加します。

  4. 列に新しいコンポーネントを挿入します。

    列にコンポーネントを挿入

  5. 必要に応じて新しいコンポーネントをカスタマイズします。

同様に、ランディングページに3列レイアウトを追加します。

ランディングページにソーシャルプラグインを追加

adobe experience manager(aem)のソーシャルプラグインを使用すると、ソーシャルメディアのインタラクションをwebページに簡単に統合でき、ユーザーエンゲージメントを向上させ、ネットワーク全体でコンテンツを共有することができます。

ランディングページのソーシャルプラグイン
ランディングページのソーシャルプラグイン

コンポーネント(例:Facebookいいね!ボタン)をランディングページにドラッグ&ドロップします。

ランディングページをプレビュー

ランディングページの設定が完了したら、ページをプレビューします。General、Adobe Connect、Columns、Social Plugins セクションのコンポーネントを AEM で追加した後、イベントランディングページがどのような look になるかをプレビューします。

AEM サイドバーの虫眼鏡アイコンを選択します

AEM でのランディングページプレビュー
AEM でのランディングページプレビュー

Adobe, Inc.

ヘルプをすばやく簡単に入手

新規ユーザーの場合