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

概要

ガイドのボタンアクションは、ビジュアルデザインスタジオ(Visual Design Studio)でボタンのビルディングブロックをガイドに追加した場合に利用できます。これらのアクションにより、複雑なガイドコントロールやナビゲーションをコーディングなしで追加することができます。

 

ボタンアクションの変更

ボタンは、ビジュアルデザインスタジオのガイドステップでボタンまたはマルチボタンのビルディングブロックで追加されます。新しいボタンが追加されるとすぐに、[ボタンの編集(Edit Button)]メニューが開きます。[ボタンの編集]メニューには、ガイドステップのボタンにカーソルを合わせると表示される[編集(Edit)]ボタンからもアクセスできます。

ボタンのビルディングブロックの追加

ButtonBlocks.png

ボタンの編集

ButtonEditButtonButton.png

[アクション(Actions)]は、[ボタンのスタイル(Button Style)]、[ボタンのテキスト(Button Text)]などのボタンの設定を行う[ボタンの編集]メニューにあります。

ボタンの編集メニュー

ActionEditButton.png

 

ボタンの[アクション]は、[コンテナの編集(Edit Container)]メニューの[動作(Behavior)]タブでも使用できます。これにより、コンテナ内のすべてのボタンのアクションが表示されます。

コンテナメの編集メニュー

ButtonEditContainer.png

 

ガイドを閉じる

ActionDismiss.png

[ガイドを閉じる(Dismiss Guide)]は、デフォルトのボタンアクションです。このボタンをクリックするとガイドが閉じ、これ以上このガイドのガイド分析を行わないことを示します。

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

 

次のステップ

ActionNext.png

[次のステップ(Next Step)]は、マルチステップガイドの次のステップに進みます。このアクションはUIとは連動せず、次のステップは同じページに表示されます。必要に応じて対象のCSS要素を利用できるようにしなければ、ユーザーには次のガイドステップは表示されません。

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

 

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

ActionSubmitPoll.png

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

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

 

URLリンク

ActionURL.png

[URLリンク(URL Link)]は、テキストのリンクをクリックするのと同じです。ブラウザはターゲットURLに移動します。ユーザーが新しいブラウザタブでターゲットURLを開くかどうかを指定します。

使用可能な複合ボタンアクションは、[次のステップ]、[ガイドを閉じる]、[すべての投票を送信+ガイドを進める]、[前のステップ(Previous Step)]、[ガイドのスヌーズ(Snooze Guide)]、[ステップに移動(Go To Step)]です。

 

:以下のボタンアクションには、Pendoエージェントのバージョン2.62以降またはモバイルSDK 2.3.3以降が必要です。

 

ガイドの起動

ActionLaunch.png

[ガイドの起動(Launch Guide)]は、現在のガイドを閉じて、対象のガイドを起動します。起動するガイドは、現在表示されているガイドステップと同じページと対象のセグメントを持っている必要があります。そうでない場合、ガイドは起動されず、ボタンをクリックするとユーザー体験が停止します。起動したガイドは、本番環境のユーザーが見ることができるように[公開(Public)]する必要があります。[ステージングのガイド(Staged Guide)]は、ステージング環境でのみ見ることができます。

ActionLaunchSelect.png

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

利用可能な複合ボタンアクションはありません。

 

前のステップ

ActionPrevious.png

[前のステップ]は、マルチステップガイドの前のステップに直線的に進みます。

 

注:ステップ1を削除したり、[前のステップ]アクションを持つステップをステップ1に移動したりすると、ボタンを更新するように通知するエラーメッセージが表示されます。

 ButtonAlert.png

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

 

ガイドのスヌーズ

ActionSnooze.png

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

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

ボタン1つに対して設定できるスヌーズの期間は1つのみです。訪問者にスヌーズ期間を選択してもらう場合は、期間の異なる複数のボタンを追加します。[閉じる(Close)]ボタンのボタンアクションとしてスヌーズを追加することはできません。また、NPSアンケート調査で使用することもできません。

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

 

ステップに移動

ActionGoStep.png

[ステップに移動]は、ガイドを同じガイド内の指定されたガイドステップに進めます。直線的に進行するステップである必要はなく、現在のステップの前後の任意のステップを使用できます。ガイド分析では、訪問者が[ステップに移動]を使用して直線的ではないガイドステップを表示したことを示します。

ActionStep3.png

[ステップに移動]には、クリエイティブな使用例がたくさんあります。まず、複数のフローを含む単一のガイドを作成できます。このガイドは単一の開始点から起動し、開始点には各フローを開始するステップにユーザーを誘導するボタンが複数あります。一例として、1つのガイドに複数のワークフローが含まれており、フロー1はガイドステップ2〜4で、フロー2はガイドステップ5から始まるものがあります。ガイドステップ1のボタンを使用し、ガイドステップ2〜4をスキップして、ユーザーをガイドステップ5に直接誘導してフロー2を開始するようにできます。また、ボタンは、ユーザーをステップ1に戻してガイドを再開したり、ワークフローを先に進めたりすることができます。複数のボタンを使用して、ユーザーの選択に応じて適切なガイドステップに条件付きで誘導できます。たとえば、「弊社のプロダクトに満足していますか?」という質問に「はい」と「いいえ」ボタンを用意し、ユーザーを適切なアンケート調査またはコンテンツに誘導します。

対象のステップは、対象の要素が存在する同一ページ上になければ適切に表示されません。このアクションは、要素のクリックやホバーとは併用できません。このアクションは、投票調査のビルディングブロックの応答やイベントのプロパティに基づく条件付きのものではありません。

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

 

複合ボタンアクション

ボタンは、クリックすると最大2つのアクションを実行できます。これは、サイトのナビゲーションや、ガイドを操作しながら外部リソースを開くのに便利です。

最初のアクションの下にある[+アクション(+ Action)]をクリックして、複合アクションを追加します。ボタンアクションは、特定の組み合わせのみ可能です。

  1. ガイドを閉じる
  2. 新しいブラウザタブで新しいURLに移動する

button-add-action.gif

 

よくある質問

ビジュアルデザインスタジオを使用するには、Pendoユーザーはいくつかの権限が必要です。

  • Pendo管理者権限または
  • Pendoユーザー権限
    • 公開されたガイドを管理する
    • ガイドとテンプレートを最初から作成する
    • ガイドをテンプレートから作成する

ユーザーの役割マトリックスビュー)を見て、それぞれの権限でPendoで何ができるのかを確認してください。

関連記事

ここまで新しい用語を一通りご紹介しました。次はビジュアルデザインスタジオでガイドを作成する方法を見てみましょう。