ランチャー：スタートガイド
概要
ランチャーは、ウェブサイトに配置できるボタンです。クリックすると、ウォークスルー、リソース、シャトル、検証スマートチップのセットなど別のWalkMeアクションを開始します。
ランチャーの作成は、WalkMeエディタのランチャーアプリまたは直接スマートウォークスルーから行えます。
ランチャーの作成
スマートウォークスルーからランチャーを作成
スマートウォークスルーからランチャーを作成する方法は3つあります。
- イニシエーターパネルから［ランチャーの追加］アイコンをクリックします。
- イニシエーターパネルを開き、［+ Add Launcher（+ランチャーの追加）］をクリックします。
- スマートウォークスルーマップの最初の［新規追加］アイコン（+）にカーソルを合わせて、ランチャーをクリックします。
エディタメイン画面からのランチャーの作成
- エディタで青いプラスアイコンをクリックします。
- アイテムメニューから［Launcher（ランチャー）］を選択します。
ランチャーを作成した後、名前を付けるのか、それともデフォルトの名前を維持するのかどうかを決めるように求められます。
エディタに接続されたウェブページにリダイレクトされます。 ランチャーを添付するページ上のエレメントを選択します。
「ページ上で編集」ツールが開き、ランチャーを編集することができます。
ページ上で編集
「ページ上で編集」は、ランチャーの編集に使用する新しい視覚的デザインのツールで、高度なデザイン機能と新しいテンプレートギャラリーを提供します。
タブの設定
Position from Element（エレメントからの位置）
キャプチャされたエレメントに従ってランチャーの位置を選択します。 左上設定を調整することで位置を微調整することができます。
ギャラリー
事前作成されたテンプレートを選択し、ランチャーのデザインに適用します。
デザイン
ここにランチャーのテキストを入力します。
ランチャーのテキストを選択して、フォント、サイズ、色およびフォーマット（太字/斜体/下線）を変更することで、ランチャーのテキストを編集できます。
Hover ＆ Click States（ホバーとクリックの状態）
このセクションのチェックを外し、クリック＆ホバー状態でのランチャーのデザインを編集します。
Borders & Padding（ボーダーとパディング）
デフォルトの選択を解除し、幅、高さ、角の半径を変更して、ボーダーのパディングを調整します。
アクション
このランチャーが起動するアクションを選択します。スマートウォークスルーを開始する、メニューを開く、シャトル/リソース/シャウトアウトを再生するなどがあります。
ロールオーバー効果
ランチャーにカーソルを置いたりクリックしたりした時に、どの方向に展開するかを設定します（「My Gallery（マイギャラリー）」でカスタム画像を指定した場合のみ）。
タブを並べる
Z-Index – WalkMeアイテムはサイトのエレメントの上または下に表示されますか？ レイヤー順序の変更（Z-Index）
Lock to Element（エレメントに固定）- この設定を有効にすると、ページがスクロールしたときにランチャーがキャプチャしたエレメントから離れることを防ぎます。
［Element（ エレメント）］タブ
Element Grade（エレメントグレード）
まずElement Grade（エレメントグレード）を見て、WalkMeがページ上で該当するランチャーをどれだけ容易に識別できるかを確認します。 多くのページに表示されるエレメントを選択した場合、エレメントグレードが低くなる場合があります。
エレメントが表示されるすべてのページにランチャーを表示させたい場合は、エレメントグレードが低くても問題ありません。 1ページのみに表示したい場合はセグメンテーションルールを使用するか、精度レベルを「高」に設定することを検討してください。
エレメントを識別する方法を定義する
デフォルトのエレメント識別は、WalkMeアルゴリズムで行われます。このアルゴリズムでは、エレメントが取り込まれたURL、ページ上の位置、エレメントがリンクしているページ、選択されたエレメント内のテキストが考慮されます。
パフォーマンスの影響を考慮すると、エレメントを選択する際には精度の高い jQuery セレクターを使用されることを推奨します。
無視する属性を定義する
- Text within the element（エレメント内のテキスト） – 多言語ユーザーに推奨。 こうすることで、WalkMeはエレメント内のテキストを探す際に考慮しなくなります。
- Element ID（エレメントID）- ページが読み込まれたときにIDが変更される場合に推奨。
- Position（位置）- エレメントが画面上の場所を変更した場合。 こうすることで、WalkMeはその位置に関係なくエレメントを識別することができます。
精度レベル：[精度レベル] で [高] を選択した場合、WalkMe がアルゴリズムで用いる評価基準が厳しくなり、それぞれのエレメントの違いが割り出しやすくなります。
［Highlight（ハイライト）］タブ
この設定を有効にすると、ランチャーが添付されているエレメントがキャプチャされると強調表示されます。
強調表示する色、厚さ、位置、サイズを調整できます。
セグメントおよび表示条件を適用する
ランチャーが保存された後、エディタ内のアイテムのリストに追加されます。
ランチャーをクリックして［Launcher Options（ランチャーオプション）］を開き、［Display Condition（表示条件）］タブに移動します。
［Create a rule（ルールを作成）］をクリックして、ランチャーが表示される条件を定義します。 関連するセグメントを適用して、見ることができるユーザーを選択します。
最高のパフォーマンスを得るために、この表示条件の最初のルールは、ランチャーを表示させたいページのURLにしてください。 これにより、ユーザーが開くすべてのページでWalkMeがランチャーの選択したエレメントを探すことを回避できます。
ランチャーオプションメニュー
ランチャーを作成した後に、ランチャーや設定のデザインを調整する必要がある場合、エディタで［Launcher（ランチャー）］をクリックすると、［Launcher Options（ランチャーオプション）］メニューが開きます。
インタラクションタブ
Name（名前）：ランチャーの名前はエディタ内にのみ表示されます。 名前はエンドユーザーには表示されません。
Tooltip（ツールチップ）：ユーザーがランチャーにカーソルを合わせたときに表示されるテキストです。 ツールチップはプロモーション (「詳細についてはここをクリックしてください」) または情報 (「このフィールドでは予算の最高額を定義します」) にすることができます。
Change Launcher（ランチャーの変更）：ランチャーのデザインとテキストを変更します (詳細は以下を参照してください) 。
アクション：ランチャーをクリックしたときに実行されるアクションを決定します。 アクションは次の通りです。
表示スタイル：ランチャーが画面に表示されるタイミングを決定します。 表示スタイルには以下のものがあります。
- Always（常に表示）：選択したエレメントがページに表示されている時は常にランチャーが表示されます。
- On Hover（マウスオーバー）：選択したエレメントの上にカーソルを置くとランチャーが表示されます。
［Change Launcher（ランチャーの変更）］タブには、ランチャーアイコンをカスタマイズするためのすべてのオプションが揃っています。
Gallery（ギャラリー）：ランチャーのストック画像から画像を選択します。
My Gallery（マイギャラリー）：ランチャーボタンに使用する画像は、すでに作成済みのものを選択し、画像のURLを挿入します。 サポートされている画像ファイルの種類には JPEG、JPG、PNG、GIF、SVG が含まれます。
Customize（カスタマイズ）：WalkMeエディタでランチャーのテキストとデザインをカスタマイズします。 ランチャーデザインエディターでは以下の内容を設定することができます。
- Text（テキスト）：ランチャーに表示されるテキストをカスタマイズします。 70 文字まで追加できます。
- フォント：テキストのフォントを選択します (フォントには Open Sans、Times New Roman、Arial が含まれます) 。
- サイズ：テキストのサイズを選択します。
- カラー：テキスト、背景、境界線の色を変更または削除します。
表示条件タブ
表示条件は、ルールまたはセグメンテーションに従ってランチャーを画面に表示するかどうかを定義します。
- ルールを作成する
- セグメンテーション
外観タブ
［Appearance （外観）］タブではランチャーオプションメニューが開きます。ここではランチャーがWalkMeで表示される方法を変更できます。
メモ
ランチャーに関するメモをエディタのチームメンバーと共有します。 これらのメモは本番環境のエンドユーザーには表示されません。 メモにはランチャーIDも記載されています。
多言語機能
カスタマイズツールで作成したテキストベースのランチャーは多言語機能をサポートしています。 ギャラリーのランチャーを使用したり、アップロードタブを使用して独自のランチャーを追加したりする場合は多言語機能はサポートされません。
ランチャーをオフにする
ランチャーを作成した後、ユーザーに表示する必要がなくなった場合は、アーカイブまたは削除する必要があります。 アーカイブまたは削除するには、以下の手順に従ってください。
- エディタでオフにしたいランチャーを選択します。
- エディタの右下にあるメニューをクリックします。
- ［Archive（アーカイブ）］を選択すると、ランチャーをオフにします。これはどこかの時点（例えば変更後）でランチャーを再びパブリッシュする場合に有効なオプションです。［Delete（削除）］を選択するとランチャーを完全に削除します。
- メッセージが表示され、確認すると選択した操作が実行されます。
