ガイドのボタンアクション

最終更新日:

ビジュアルデザインスタジオ(Visual Design Studio)でガイドを作成する際に、コントロールやナビゲーションなどさまざまなアクションを起こすボタンを追加できます。この記事では、利用可能なボタンアクションについて説明します。

ガイドにボタンを追加する手順については、「ガイドコンテンツを追加、編集する」を参照してください。ガイド内のボタンを編集する方法については、「ガイドビルディングブロック」を参照してください。また、[コンテナを編集(Edit Container)]ウィンドウの[行動(Behavior)]タブからガイドアクションを追加、編集することもできます。詳細については、「オーバーレイガイドのステップ設定を編集する」を参照してください。

注:次のボタンアクションには、Pendoエージェントのバージョン2.62以降またはモバイルSDK2.3.3以降が必要です。ガイドのリリース(Launch Guide)前のステップ(Previous Step)ガイドのスヌーズ(Snooze Guide)ステップに移動(Go to Step)自動化(Automation)

複合ボタン

ボタンは、そのボタンに対して選択したプライマリのボタンアクションに応じて、最大2つのアクションを実行できます。これは、ガイドを操作しながらサイトの移動や外部リソースを開くのに便利です。

プライマリアクションを選択した後、URLを開く、別のガイドを開く、特定のステップに移動する、ガイドをスヌーズする時間を追加するなど、適切な複合ボタンアクションを追加できます。

ボタンアクションは、特定の組み合わせのみ可能です。例えば、ボタンで[ガイドを閉じる(Dismiss Guide)]を選択した場合、利用できる唯一の追加アクションは、URLリンクへのユーザーの誘導です。

次のステップ

ActionNext.png

[次のステップ(Next Step)]は、マルチステップガイドで次のステップに進みます。次のステップがない場合、ガイドは閉じます。

このアクションはUIと連動せず、ガイドで次のステップを表示するには以下の条件を満たす必要があります。

  • 次のステップは同じページに表示される。
  • 次のステップが要素に紐付けられている場合、その要素はそのページに存在する。

この後に使用できる複合ボタンアクションは、[URLリンク(URL Link)]または[自動化(Automation)]のみです。

ガイドを閉じる

ActionDismiss.png

[ガイドを閉じる(Dismiss Guide)]はガイドを閉じ、これ以上このガイドのガイド分析を行わないことを示します。

使用可能な複合ボタンアクションは[URLリンク(URL Link)]のみです。これをパーマリンクと併用して、指定したステップで別のガイドを起動することができます。これはガイドの一部をすでに閲覧した訪問者に対してガイドを再起動する場合に便利です。訪問者が閲覧したことのないガイドを起動したい場合は、代わりにガイドの起動(Launch Guide)を使用します。

ガイドを閉じて、特定のステップで別のガイドを再起動するには、他のガイドのステップのパーマリンクを見つけて現在のガイドに追加する必要があります。

  1. 別のガイドから起動するガイドの[設定(Settings)] ページで、右上の省略記号(...)を選択し、[パーマリンク(Permalinks)]を選択します。

    select_permalinks.png

  2. 必須のステップのリンクをコピーします。

    permalinks.png
  3. ボタンのプライマリアクションとして[ガイドを閉じる(Dismiss Guide)]を追加します。
  4. ボタンの複合アクションとして[URLリンク(URL Link)]を選択します。
  5. 他のガイドの特定のステップのパーマリンクを[URLリンク(URL Link)]フィールドに追加します。

パーマリンクの詳細については、ガイドのパーマリンクを作成するを参照してください。

すべての投票を送信+ガイドを進める

ActionSubmitPoll.png

[すべての投票を送信 + ガイドを進める(Submit All Polls + Advance Guide)]は、投票のビルディングブロックがガイドステップにある場合にのみ使用できます。このアクションは、すべての投票の回答をガイドのアナリティクスに送信し、ガイドを次のステップに進めます。次のステップがない場合は、ガイドを終了します。

使用可能な複合ボタンアクションは[URLリンク(URL Link)]のみです。

すべての投票調査を送信 + ガイドを進める

Submit and go to step.png

[すべての投票調査を送信 + ステップに移動(Submit All Polls + Go to Step)]は、投票のビルディングブロックがガイドステップにある場合にのみ使用できます。このアクションは、すべての投票調査の回答をガイド分析に送信し、同じマルチステップガイドで指定したステップにガイドを進めます。ガイド内の特定のステップを選択するためにボタンを使用する場合の使用法については、「ステップに移動」を参照してください。

使用可能な複合ボタンアクションは[URLリンク(URL Link)]のみです。

URLリンク

ActionURL.png

[URLリンク(URL Link)]は、テキストのリンクと同じように動作します。ブラウザでは、新しいブラウザタブで指定されたURLに移動します。

[URLリンク(URL Link)]で利用可能な複合ボタンアクションは以下の通りです。

  • 次のステップ
  • ガイドを閉じる
  • すべての投票を送信 + ガイドを進める(ステップに投票が含まれる場合)
  • すべての投票調査を送信 + ステップに移動(ステップに投票が含まれる場合)
  • 前のステップ
  • ガイドのスヌーズ
  • ステップに移動

また、[URLリンク(URL Link)][ガイドを閉じる(Dismiss Guide)]との複合アクションとして使用すれば、指定したステップで別のガイドを起動することもできます。詳細については、この記事の「ガイドを閉じる」を参照してください。

ガイドの起動

[ガイドを起動(Launch Guide)]は、現在のガイドを閉じて、指定したガイドを起動します。起動するガイドは、ガイドの起動のために現在のガイドステップと同じページとセグメントを持っている必要があります。これらの条件が満たされない場合、ボタンを選択するとユーザー体験が停止します。

[ガイドを起動]を選択すると、ドロップダウンリストからガイドを選択するように促されます。ドロップダウンリストには、[ドラフト(Draft)][ステージング(Staged)][公開(Public)]の各ガイドが表示されます。ガイドは、現在のページではアクティベーション順に、それ以外のガイドではアルファベット順に並べ替えられます。[無効(Disabled)]ステータスのガイドとリソースセンター(個々のモジュールを含む)は、[ガイドを起動]ボタンアクションのオプションではありません。

ActionLaunch.png

起動したガイドは、本番環境の訪問者が閲覧できるように[公開(Public)]に設定する必要があります。[ステージング(Staged)]のガイドは、ステージング環境でのみ見ることができます。ガイドのステータスの詳細については、「ガイドをテストして配信する」を参照してください。

[ガイドを起動(Launch Guide)]には複合ボタンアクションはありません。

ステップを指定する

ガイドのどのステップを起動するかを指定できます。これにより、訪問者を誘導するパスをより詳細に制御できるようになり、ガイドを複製する必要がなくなります。

Specify a starting step.png

パーマリンクを使用してステップを指定する

すでにガイドの一部を閲覧した訪問者のために、パーマリンクを使用して特定のステップでガイドを再起動できます。例えば、訪問者がガイドのステップ1とステップ2をすでに閲覧している場合、ステップ3に移動するためのパーマリンクを手動で追加できます。これには、プライマリアクションとして[ガイドを閉じる(Dismiss Guide)]を選択し、複合アクションとして[URLリンク(URL Link)]を選択することが含まれます。詳細については、この記事の「ガイドを閉じる」を参照してください。

前のステップ

ActionPrevious.png

[前のステップ(Previous Step)]は、マルチステップガイドの前のステップに戻ります。

使用可能な複合ボタンアクションは、[URLリンク(URL Link)]または[自動化(Automation)]のみです。

ガイドのステップ1の削除、[前のステップ(Previous Step)]アクションを持つステップをステップ1への移動を行うと、ボタンを更新するように促すエラーメッセージが表示されます。

 ButtonAlert.png

ガイドのスヌーズ

ActionSnooze.png

[ガイドのスヌーズ(Snooze Guide)]は、ガイドを閉じ、設定した期間が経過したあとで再度アクティブにします。スヌーズ期間は、ウェブアプリケーションの場合は分、時間、または日単位で、モバイルアプリケーションの場合は時間または日単位で設定できます。スヌーズは、自動でアクティベーションされたガイドで最も良く機能します。

スヌーズされたガイドは、ガイドスロットリングのガイドビューとしてカウントされ、スヌーズ期間が経過すると、再びアクティブになります。スヌーズされたガイドは、ターゲット要素、バッジ、またはリソースセンターから手動で起動することができます。ガイドを手動で表示すると、そのガイドの保留中のスヌーズアクションがキャンセルされます。

ガイドがスヌーズ中に自動ガイドの[ガイドの繰り返し表示(Repeat Guide Display)]もオンにした場合、繰り返し間隔は一時停止され、スヌーズ間隔が優先されます。[ガイドの繰り返し表示]の間隔は、スヌーズ期間が経過するか、ガイドが閉じられた後に再びアクティブになります。[ガイドの繰り返し表示]設定の詳細については、「オーバーレイガイドのアクティベーションオプション」「自動アクティベーション」を参照してください。

訪問者にスヌーズ期間を選択してもらう場合は、期間の異なるボタンを複数追加し、それぞれに適切なラベルを付けます。[閉じる(Close)]ボタンのボタンアクションとしてスヌーズを追加することはできません。また、NPSアンケート調査で使用することもできません。

使用可能な複合ボタンアクションは[URLリンク(URL Link)]のみです。

ステップに移動

ActionGoStep.png

[ステップに移動(Go to Step)]は、ガイドを同じガイド内の指定されたガイドステップに進めます。現在のステップの前または後のステップから任意のステップを選択できます。ガイド分析では、訪問者が[ステップに移動]を使用して直線的ではないガイドステップを表示したことを示します。

ActionStep3.png

[ステップに移動]には、クリエイティブな使用例がたくさんあります。たとえば、次のようなことができます。

  • 各フローを開始するステップに訪問者を誘導するボタンを使用して、1つの開始点から複数のフローを起動するガイドを作成します。このシナリオでは、ガイドのステップ1に2つのボタンを含めることができます。1つのボタンは訪問者をガイドの次のステップに誘導し(フロー1)、もう1つのボタンはステップ2から4をスキップしてステップ5にユーザーを誘導します(フロー2)。
  • ガイドの後半のステップにボタンを追加し、訪問者がいつでもガイドのステップ1に戻って再開可能にできるほか、ワークフローを先に進められるようにします。
  • 複数のボタンを使用して、ユーザーの選択に応じて適切なガイドステップに移動させます。たとえば、「このプロダクトに満足していますか?」に対して「はい」と「いいえ」のボタンで、訪問者を適切な投票やコンテンツに誘導します。

ガイドの指定されたステップを表示するには、次の条件を満たす必要があります。

  • 指定されたステップは同じページに表示される。
  • 指定されたステップが要素に紐付けられている場合、その要素はそのページに存在する。このアクションは、[要素のクリック(Element Click)][ホバー(Hover)]とは併用できません。

[ステップに移動(Go To Step)]は、投票調査の回答やイベントプロパティに依存しません。

使用可能な複合ボタンアクションは、[URLリンク(URL Link)]または[自動化(Automation)]のみです。

自動化

guide_automation_button.png

ユーザーの選択時に以下のいずれかまたは両方を実行するように、[自動化(Automation)]ボタンを設定できます。

  • 自動入力(Autofill):自動入力するように設定した入力フィールドに静的テキストを追加します。
  • 自動クリック(Autoclick): チェックボックスやドロップダウンメニューの項目など、クリックまたは選択可能な要素を事前に選択します。

configure_automation.png

詳細については、「ガイドの自動化を追加する」を参照してください。

他のボタンアクションを複合アクションとして追加することができます。

閉じるボタン

閉じる(X)ボタンは、ボタンアクションではなく、ガイドレイアウトの一部です。ボタンの表示、配置、スタイルをカスタマイズできます。詳細情報と手順については、「ガイドコンテンツを追加、編集する」または「ガイドビルディングブロック」を参照してください。それぞれに、閉じるボタンの追加、削除、移動、編集についての専用セクションがあります。

この記事は役に立ちましたか?
20人中9人がこの記事が役に立ったと言っています