WalkMeヘルプセンターへようこそ

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

ランチャー:スタートガイド

Last Updated 7月 29, 2025

概要

ランチャーは、ウェブサイトに配置できるボタンです。クリックすると、スマートウォークスルー、リソース、シャトル、または一連の検証SmartTipsなど別のWalkMeアクションを起動します。

ランチャーの作成は、WalkMeエディタのランチャーアプリまたは直接スマートウォークスルーから行えます。

ランチャーの作成

スマートウォークスルーからランチャーを作成

スマートウォークスルーからランチャーを作成するには、3つの方法があります:

  1. プラスアイコンにカーソルを合わせ、[Launcher(ランチャー)]を選択します。
  2. スマートウォークスルーマップの最初の[+Add New(新規追加)]アイコンにカーソルを合わせて、[Launcher(ランチャー)]をクリックします。
  3. Initiators(イニシエーター)]パネルで[Add Launcher(ランチャーを追加)]をクリックします。

エディタのメイン画面からランチャーを作成

  1. エディタの[+Create(作成)]アイコンをクリックします。
  2. アイテムメニューから[Launcher(ランチャー)]を選択します。

ランチャーを作成した後、それに名前を付けるか、デフォルト名を使用するかを選ぶよう求められます。

エディタに関連するウェブページにリダイレクトされます。 ランチャーを添付するページ上のエレメントを選択します。

[Edit on Page(ページ上で編集)]ツールが開き、ランチャーを編集できます。

設定タブ

エレメントからの位置

キャプチャされたエレメントに従って、ランチャーの位置を選択します。 [Top & Left(上部と左)]設定を調整することで、位置を調整できます。

ギャラリー

既成のテンプレートを選択し、ランチャーのデザインに適用します。

デザイン

ランチャーのテキストをここに入力します。
ランチャーテキストを選択し、フォント、サイズ、色、フォーマット(太字/斜体/下線)を変更することで、編集できます。

状態にカーソルを合わせてクリック

このセクションのチェックを外し、ランチャーのデザインをクリック&ホバー状態で編集します。

境界線とパディング

デフォルトを選択解除し、幅、高さ、コーナー半径を変更して、ボーダーとパディングを調整します。

アクション

このランチャーがトリガーするアクションを選択します。– スマートウォークスルーを開始し、メニューを開き、シャトル/リソース/シャウトアウトを再生します。

ロールオーバー効果

カーソルを合わせたり、クリックしたりすると、ランチャーを展開する方向を選択します(「マイギャラリー」でカスタム画像が指定されている場合のみ)。

配列タブ

Z-Index - WalkMeアイテムはサイトのエレメントの上または下に表示されますか? レイヤー順序の変更(Z-Index)

エレメントへのロック - この設定を有効にすると、ページがスクロールされたときに、ランチャーがキャプチャされたエレメントから離れるのを防ぎます

エレメントタブ

Element Grade(エレメントグレード)

まずエレメントグレードを見て、WalkMeがページ上で該当するランチャーをどれだけ容易に識別できるかを確認します。 多くのページに表示されるエレメントを選択した場合、エレメントグレードが低くなる場合があります。

エレメントが表示されるすべてのページにランチャーを表示させたい場合は、エレメントグレードが低くても問題ありません。 1ページのみに表示したい場合はセグメンテーションルールを使用するか、精度レベルを「高」に設定することを検討してください。

新しいデザイン

現在お試しいただける新しいランチャー設定デザインでは、この記事に説明のある設定の一部が再編成および削除されています。

  • 精度レベルとエレメントグレード設定は、より優れた内部テクノロジーに置き換えられたため、削除されました。
  • 要素読み込み挙動は、デフォルトで「自動」が選択されたドロップダウンになります。 この自動機能は最良の技術です。挙動を手動で選択する必要がなくなりました。
  • 「常時チェック」の名前を「削除動作」に変更しました。 新しい名前では、この設定の機能をよりよく説明します。
  • DeepUIシステムのユーザーには、「無視する要素属性」セクションが表示されません。
  • 詳細はこちらです。

エレメントの識別方法を定義

デフォルトのエレメント識別は、エレメントがキャプチャされたURL、ページ上の位置、エレメントがリンクするページ、および選択されたエレメント内のテキストを考慮するWalkMeアルゴリズムによって行われます。

パフォーマンスの影響を考慮すると、エレメントを選択する際には精度の高い jQuery セレクターを使用されることを推奨します。

無視する属性を定義

  • エレメント内のテキスト – 多言語ユーザーに推奨されます。 これにより、WalkMeは、エレメント内のテキストを探す際、それを考慮に入れません。
  • エレメントID – ページの読み込み時にIDが変更された場合に推奨されます。
  • 位置 – エレメントが画面上の場所を変更した場合。 これにより、WalkMeは、位置に関係なくエレメントを識別します。

精度レベル:[精度レベル] で [高] を選択した場合、WalkMe がアルゴリズムで用いる評価基準が厳しくなり、それぞれのエレメントの違いが割り出しやすくなります。

ハイライトタブ

この設定を有効にすると、ランチャーが添付されているキャプチャされたエレメントが強調されます。
ハイライトの色、厚さ、位置、サイズを調整できます。

セグメントと表示条件を適用

ランチャーが保存されると、エディタのアイテムのリストに追加されます。
ランチャーをクリックしてランチャー設定を開き、Display Condition(表示条件)タブに移動します。

Create a rule(ルールを作成)]をクリックして、ランチャーが表示される条件を定義します。 関連するセグメントを適用して、閲覧可能なユーザーを選択します。

最適なパフォーマンスを得るには、この表示条件の最初のルールを、ランチャーを表示するページのURLにしてください。 これにより、ユーザーが開くすべてのページで、WalkMeがランチャーの選択したエレメントを探すことを回避できます。

ランチャーオプションメニュー

ランチャーや設定のデザインを作成した後にそれらを調整したい場合は、エディタ内でランチャーをクリックすると、ランチャー設定メニューが開きます。

インタラクションタブ

名前:ランチャーの名前はエディタ内にのみ表示されます。 名前はエンドユーザーには表示されません。

ツールチップ:ユーザーがランチャーにカーソルを合わせたときに表示されるテキストです。 ツールチップは、宣伝用(「詳細についてはこちらをクリック!」)または情報提供(「このフィールドで最大予算を定義」)にできます。

ランチャーの場所:

  • エレメントの横:選択したエレメントがページに表示されている場合は、常にランチャーを表示します。
  • エレメントの上:選択したエレメントの上にカーソルを合わせるとランチャーが表示されます。

ランチャーの変更:ランチャーのデザインとテキストを変更します(詳細は以下を参照してください)

アクション:ランチャーをクリックしたときに実行されるアクションを決定します。 アクションには、次が含まれます。

ランチャーを変更タブには、ランチャーアイコンをカスタマイズするための完全なオプションが含まれます:

ギャラリー:ランチャーのストック画像から画像を選択します。

マイギャラリー:ランチャーボタンとして使用するために既に作成した画像を、画像URLを入力することで選択します。 サポートされている画像ファイルの種類には JPEG、JPG、PNG、GIF、SVG が含まれます。

カスタマイズ:WalkMeエディタでランチャーのテキストとデザインをカスタマイズします。 ランチャーデザインエディターでは、以下のように設定できます:

  • テキスト:ランチャーに表示されるテキストをカスタマイズします。 70文字まで追加できます。
  • フォント:テキストのフォントを選択します(フォントにはOpen Sans、Times New Roman、Arialが含まれます)。
  • サイズ:テキストのサイズを選択します。
  • カラー:テキスト、背景、境界線の色を変更または削除します。

表示条件タブ

表示条件は、ランチャーをルールまたはセグメンテーションに従って画面に表示するかどうかを定義します:

  • ルールを作成する
  • セグメンテーション

外観タブ

[Appearance(外観)]タブでは [Launcher Options(ランチャーオプション)]メニューが開き、ここでWalkMeがランチャーを表示する方法を変更できます。

メモ

ランチャーに関するメモをエディタのチームメンバーと共有します。 これらのメモは本番環境のエンドユーザーには表示されません。 メモにはランチャーID も記載されています。

ヒント:

  • エディタでランチャーの全機能を確認するには [プレビュー] モードに入ります。 ランチャーアプリから再生する場合、機能に制限のあるランチャーの表示になります(外観、表示条件、選択したエレメントの設定はありません)。

多言語機能

カスタマイズツールで作成したテキストベースの ランチャーs は多言語機能をサポートしています。 ギャラリーのランチャーを使用したり、アップロードタブを使用して独自のランチャーを追加したりする場合は多言語機能はサポートされません。

ランチャーsをオフにする

ランチャーを作成後にユーザーに表示したくない場合は、アーカイブまたは削除する必要があります。 これを行うには、以下の手順に従ってください:

  1. エディタでオフにしたいランチャーを選択します。
  2. エディタの右下にあるメニューをクリックします。
  3. 「Archive(アーカイブ)」を選択してランチャーをオフにします。ランチャーを何らかの時点で(おそらく変更した後)再パブリッシュしたい場合は、これが良いオプションです。「Delete(削除)」を選択するとランチャーを完全に削除します。
  4. アクションが反映される前に、選択を確認するよう求められます。

技術的なノート

  • キャプチャバルーンからエレメントを再選択することはできません(これは2024年末までに変更される予定です)。

この記事は役に立ちましたか?

ご意見ありがとうございます!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×