AgentX Support:Webサイトへのガイドの埋め込み

このページは機械翻訳により提供されています。翻訳内容と英語版に相違がある場合は、英語版が優先されます。

次のいずれかの方法を使用して、Webサイトにガイドを表示できます:

  • 特定のガイドをWebページ内に直接埋め込む
  • モーダルポップアップでガイドを表示する

Webページ内へのガイドの埋め込み

各ガイドには、<iframe>を使用して埋め込むことができる一意のURLがあります。 これにより、Webサイト上にガイドをインラインで表示できます。

ガイドを埋め込むには、次の手順を実行します:

1

埋め込む予定のガイドを開きます。

2

Advanced(詳細)をクリックします。

Advanced(詳細)ボタンをクリックAdvanced(詳細)ボタンをクリック

3

提供されたiframeコードスニペットをコピーします。

コードスニペットをコピーコードスニペットをコピー

4

ガイドを表示するWebページのHTMLにスニペットを貼り付けます。

モーダルポップアップでのガイドの表示

現在のページコンテキストを維持しながら、ユーザーがガイドに集中できるように、ガイドを全画面モーダルで起動することもできます。 この方法では、軽量スクリプトを使用してモーダルiframeでガイドを開きます。

CSSクラスdc-guide-{guide_id}を持つボタンやリンクなどのHTML要素がクリックされると、モーダルがトリガーされます。

モーダルポップアップを有効にするには、次の手順を実行します:

1

デプロイする予定のガイドを開きます。

2

Advanced(詳細)をクリックします。

Advanced(詳細)ボタンをクリックAdvanced(詳細)ボタンをクリック

3

Guide in Modal Popup(モーダルポップアップ内のガイド)セクションからコードをコピーし、Webサイトの<head>に貼り付けます。

コードスニペットをコピーコードスニペットをコピー

4

トリガーとして使用する任意のHTML要素にCSSクラスdc-guide-{guide_id}を追加します。

Last updated: