ドキュメントAEM as a Cloud Serviceユーザーガイド

バリエーションを生成 - AEM エディターに統合済み generate-variations-integrated-in-aem-editors

Last update: Wed May 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用対象：
  • Experience Manager as a Cloud Service

作成対象：

  • 管理者
  • 開発者
  • ユーザー

デジタルチャネルを最適化し、コンテンツ作成を高速化する方法を探している場合は、AEM エディターに統合済みの「バリエーションを生成」を使用できます。

「バリエーションを生成」では、生成 AI（人工知能）を使用して、入力に基づいてコンテンツのバリエーションを作成します。バリエーションを作成したら、そのコンテンツを web サイトで使用することや、Edge Delivery Services の実験機能を使用してその成功を測定することもできます。

これにより、ブランドコンテンツを数分ですばやく作成して、コンテンツの速度を向上できます。また、新しいコピーバリアントを使用したコンバージョンの向上にも役立ちます。

次のエディターから「バリエーションを生成」にアクセスできます（設定後）。

IMPORTANT
このページでは、例のベースとしてドキュメントベースのオーサリングを使用していますが、原則は他のエディターにも適用されます。
NOTE
いずれの場合も、「バリエーションを生成」を使用するには、アクセスの前提条件が満たされていることを確認する必要があります。
NOTE
スタンドアロンバージョンの「バリエーションを生成」は引き続き直接アクセスできますが、今後非推奨となる予定なので、このバージョンを使用することをお勧めします。

これにより、以下のことが可能になります。

「バリエーションを生成」の使用は、生成アクションの使用に関連付けられます。

NOTE
AEM での「バリエーションを生成」について詳しくは、セキュリティファクトシートを参照してください。

概要 overview

エディターに統合された「バリエーションを生成」を開くと、3 つのタブを持つフローティングパネルとして拡張機能が表示されます。

バリエーションを生成 - ドキュメントベースのオーサリングの概要

「バリエーションを生成」の基本を学ぶ get-started-with-generate-variations

インターフェイスのガイドに従って、コンテンツの生成プロセスを進めます。インターフェイスを開いた後、最初の手順は、使用するコンテンツのブロックを選択することです。

コンテンツを選択 select-the-content

エディターのメインコンテンツフローから、バリエーションを生成するコンテンツを選択します。この​ 選択 ​は「生成」タブに表示されます。

必要な変更を説明 describe-the-changes-you-want

コンテンツのバリエーションを生成するには、必要な変更を説明する必要があります。提示された​ 候補 ​の 1 つを選択するか、独自の説明を入力できます。

また、修飾子 ​を指定して、より詳細なコンテキストを入力することもできます。

  • Web ページを参照
    詳細コンテキストの URL を入力します。
  • コンテンツ概要をアップロード
    コンテンツ概要の詳細（10 MB 以下）を含む .docx ファイルを更新します。

コピーを生成 generate-copy

必要な変更を説明したら、「生成」を選択して、生成 AI からの応答を確認します。

バリエーションを生成 - ドキュメントベースのコピーを生成

バリエーションに対してさらにアクションを実行 take-further-action-on-a-variation

単一のバリエーションを選択した場合は、次のアクションを使用できます。

  • 編集

    • 生成されたバリエーションのテキストを編集できます。

      • 更新は web ページでプレビューできます。

    • 後で使用する変更を保存します。

  • お気に入り

    • 今後の参照用に、このバリエーションにフラグを設定します。
    • フラグを設定すると、「お気に入り」タブの下に表示されます。

  • AI の論理的根拠

    • 透明性を高める目的で、生成 AI が特定のバリエーションを生成した理由について簡単に説明します。

生成されたバリエーションを使用 use-a-generated-variation

生成 AI で生成されたコンテンツを使用するには、まず「CSV に書き出し」を選択する必要があります。

書き出した後は、web サイトのコンテンツをオーサリングする場合など、他の場所でコンテンツを使用できます。また、実験を実行することもできます。

NOTE
AEM ユニバーサルエディターまたは AEM コンテンツフラグメントエディターから「バリエーションを生成」にアクセスすると、選択した生成済みコンテンツが自動的に AEM に保存されます。

履歴 history

このタブには、「生成」を選択した後の過去のアクティビティが表示されます。履歴 ​エントリが追加されます。

後でメインフローで同じコンテンツを選択し、「履歴」タブを開くと、そのブロックに対して生成されたすべてのバリエーションが表示されます。

お気に入り favorites

コンテンツを確認した後、選択したバリエーションをお気に入りとして保存できます。

保存すると、お気に入り ​の下に表示されます。お気に入りは（お気に入りを解除 ​するか、ブラウザーのキャッシュをクリアするまで）保持されます。

  • エントリの​ 編集、お気に入りを解除 ​または AI の論理的根拠 ​の表示を行うことができます。
  • バリエーションを選択すると、CSV に書き出し ​を実行することもできます。

生成アクションの使用 generative-action-usage

使用状況の管理は、実行されるアクションに応じて異なります。

  • バリエーションを生成

    コピーバリアントの 1 つの生成は、1 つの生成アクションに相当します。お客様には、AEM ライセンスに付属する一定数の生成アクションが提供されます。基本権限を使用すると、追加のアクションを購入できます。

    note note
    NOTE
    基本権限について詳しくは、Adobe Experience Manager：Cloud Service | 製品の説明を参照してください。追加の生成アクションを購入する場合は、アカウントチームにお問い合わせください。

「バリエーションを生成」へのアクセス access-generate-variations

前提条件を満たしたら、AEM as a Cloud Service または Edge Delivery Services の Sidekick から「バリエーションを生成」にアクセスできます。

アクセスのための前提条件 access-prerequisites

「バリエーションを生成」を使用するには、前提条件が満たされていることを確認する必要があります。

Edge Delivery Services を使用した Experience Manager as a Cloud Service へのアクセス access-to-aemaacs-with-edge-delivery-services

「バリエーションを生成」にアクセスする必要があるユーザーには、Edge Delivery Services を使用した Experience Manager as a Cloud Service 環境を使用する権限が必要です。

NOTE
AEM Sites as a Cloud Service の契約に Edge Delivery Services が含まれていない場合は、アクセス権を取得するために新しい契約に署名する必要があります。
Edge Delivery Services を使用して AEM Sites as a Cloud Service に移行する方法については、アカウントチームにお問い合わせください。

特定のユーザーにアクセス権を付与するには、そのユーザーアカウントをそれぞれの製品プロファイルに割り当てます。詳しくは、AEM 製品プロファイルの割り当てを参照してください。

ドキュメントベースのオーサリングの AEM Sidekick からのアクセス access-aem-sidekick

AEM Sidekick からのアクセスは、ドキュメントベースのオーサリングに使用されます。

（Edge Delivery Services の）Sidekick から「バリエーションを生成」にアクセスするには、いくつかの設定が必要です。

NOTE
Sidekick のインストールおよび設定方法について詳しくは、AEM Sidekick のインストールドキュメントを参照してください。

（Edge Delivery Services の）Sidekick で「バリエーションを生成」を使用するには、次の設定を Edge Delivery Services プロジェクトに含めます。

  1. アプリを次の場所で有効にします。

    • tools/sidekick/config.json

    これは、既存の設定に結合してからデプロイする必要があります。

    例：

    code language-prompt 
    {
  "plugins": [
    {
      "id": "aem-genai-variations",
      "titleI18n": {
        "en": "Generate with AI"
      },
      "environments": [
        "preview"
      ],
      "includePaths": [
        "**.docx**"
      ],
      "event": "aem-genai-variations-sidekick"
    }
  ]
}

  2. 次のファイルを作成します。

    • /tools/sidekick/aem-genai-variations.js

    このファイルは、次の内容を含めて作成する必要があります。

    code language-prompt 
    (function () {
  let isAEMGenAIVariationsAppLoaded = false;
  function loadAEMGenAIVariationsApp() {
    const script = document.createElement('script');
    script.src = 'https://experience.adobe.com/solutions/aem-sites-genai-aem-genai-variations-mfe/static-assets/resources/sidekick/client.js?source=plugin';
    script.onload = function () {
      isAEMGenAIVariationsAppLoaded = true;
    };
    script.onerror = function () {
      console.error('Error loading AEMGenAIVariationsApp.');
    };
    document.head.appendChild(script);
  }

  function handlePluginButtonClick() {
    if (!isAEMGenAIVariationsAppLoaded) {
      loadAEMGenAIVariationsApp();
    }
  }

  // The code snippet for the Sidekick V1 extension, https://chromewebstore.google.com/detail/aem-sidekick/ccfggkjabjahcjoljmgmklhpaccedipo?hl=en
  const sidekick = document.querySelector('helix-sidekick');
  if (sidekick) {
    // sidekick already loaded
    sidekick.addEventListener('custom:aem-genai-variations-sidekick', handlePluginButtonClick);
  } else {
    // wait for sidekick to be loaded
    document.addEventListener('sidekick-ready', () => {
      document.querySelector('helix-sidekick')
        .addEventListener('custom:aem-genai-variations-sidekick', handlePluginButtonClick);
    }, { once: true });
  }

  // The code snippet for the Sidekick V2 extension, https://chromewebstore.google.com/detail/aem-sidekick/igkmdomcgoebiipaifhmpfjhbjccggml?hl=en
  const sidekickV2 = document.querySelector('aem-sidekick');
  if (sidekickV2) {
    // sidekick already loaded
    sidekickV2.addEventListener('custom:aem-genai-variations-sidekick', handlePluginButtonClick);
  } else {
    // wait for sidekick to be loaded
    document.addEventListener('sidekick-ready', () => {
      document.querySelector('aem-sidekick')
        .addEventListener('custom:aem-genai-variations-sidekick', handlePluginButtonClick);
    }, { once: true });
  }
}());

  3. 次のファイルを更新します。

    • /scripts/scripts.js

    このファイルを更新して、loadLazy() 関数に次のステートメントを含める必要があります。

    code language-prompt 
      import('../tools/sidekick/aem-genai-variations.js');

    これにより、/tools/sidekick/aem-genai-variations.js が遅延読み込みプロセスの一部として読み込まれるようになります。

    バリエーションを生成 - 遅延ローダー

  4. 次に、ユーザーが Edge Delivery Services を使用して Experience Manager as a Cloud Service にアクセスできることを確認する必要があります。

  5. 次に、Sidekick のツールバーから「AI を使用して生成」を選択して、この機能にアクセスできます。

    バリエーションを生成 - AEM Sidekick からのアクセス

AEM ユニバーサルエディターからのアクセス access-aem-universal-editor

AEM ユニバーサルエディターからのアクセスは、拡張機能として実装されます。

AEM コンテンツフラグメントエディターからのアクセス access-aem-content-fragment-editor

AEM コンテンツフラグメントエディターからのアクセスは、拡張機能として実装されます。詳しくは、AEM Experience Manager の Extension Manager を参照してください。

その他の情報 further-information

詳しくは、次も参照してください。

リリース履歴 release-history

現在および以前のリリースについて詳しくは、バリエーションを生成のリリースノートを参照してください。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab