AgentX Support:Webサイトへのガイドの埋め込み
次のいずれかの方法を使用して、Webサイトにガイドを表示できます:
- 特定のガイドをWebページ内に直接埋め込む
- モーダルポップアップでガイドを表示する
Webページ内へのガイドの埋め込み
各ガイドには、<iframe>を使用して埋め込むことができる一意のURLがあります。 これにより、Webサイト上にガイドをインラインで表示できます。
ガイドを埋め込むには、次の手順を実行します:
1
埋め込む予定のガイドを開きます。
2
Advanced(詳細)をクリックします。
Advanced(詳細)ボタンをクリック
3
提供されたiframeコードスニペットをコピーします。
コードスニペットをコピー
4
ガイドを表示するWebページのHTMLにスニペットを貼り付けます。
モーダルポップアップでのガイドの表示
現在のページコンテキストを維持しながら、ユーザーがガイドに集中できるように、ガイドを全画面モーダルで起動することもできます。 この方法では、軽量スクリプトを使用してモーダルiframeでガイドを開きます。
CSSクラスdc-guide-{guide_id}を持つボタンやリンクなどのHTML要素がクリックされると、モーダルがトリガーされます。
モーダルポップアップを有効にするには、次の手順を実行します:
1
デプロイする予定のガイドを開きます。
2
Advanced(詳細)をクリックします。
Advanced(詳細)ボタンをクリック
3
Guide in Modal Popup(モーダルポップアップ内のガイド)セクションからコードをコピーし、Webサイトの<head>に貼り付けます。
コードスニペットをコピー
4
トリガーとして使用する任意のHTML要素にCSSクラスdc-guide-{guide_id}を追加します。
Last updated: