✴️

ツアーを作成する

1. ツアーを作成する

1-1. 新規ツアーを作成する

  1. 管理画面右上の［＋作成］をクリック
    2. image
  2. ［ツアー］をクリックし、［サイト上で作成］をクリック
    3. image
  3. ツアーの［タイトル］と［プレビューを開始するプロダクトURL*］を入力 * =プレビューボタンを押した際に起動するURLです。本番公開時の挙動には影響ありません。
    4. image
  4. ［作成］をクリック
    5. image
  5. プレビューを開始するプロダクトURLで指定したURLに遷移し、以下画像のようにツアーの編集画面が出ていれば作成できています。
    6. image

1-2. 作成済ツアーを編集する

1-1-1. 施策一覧から遷移する

  1. 編集したい［ツアー］にマウスを当てた状態で右クリック
    2. image
  2. ［ツアー］をクリックし、［サイト上で作成］をクリック
    3. image
  3. プレビューを開始するプロダクトURLで指定したURLに遷移し、以下画像のようにツアーの編集画面が出ていれば作成できています。
    4. image

1-1-2. 施策詳細から遷移する

  1. 編集したい［ツアー］をクリック
    2. image
  2. 画面右上の［編集］をクリック
    3. image
  3. ［サイト上で編集］をクリック
    4. image
  4. プレビューを開始するプロダクトURLで指定したURLに遷移し、以下画像のようにツアーの編集画面が出ていれば作成できています。
    5. image

2. ランチャーボタンを編集する

📕
ランチャーボタンとは

画面端に表示され、クリックするとツアーを開始するボタンをランチャーボタンと呼びます。

image

2-1. ランチャーを選択する

  1. 画面左下のリストから［イントロ］をクリック ツアー作成直後は既にイントロを選択した状態の画面になっています。
    2. image
  2. ツリーパネルから［ランチャー］をクリック
    3. image
  3. ツリーパネルが格納され、以下の画像のようにランチャーが選択状態になります。
    4. image

2-2. ランチャーを編集する

詳しい編集方法は、以下のページをご確認ください。

3. イントロを編集する

📕
イントロとは

ツアーの最初に表示される、タスクをリストにしたものをイントロと呼びます。

image

3-1. ゴールを追加する

  1. 画面左下のリストから［イントロ］を選択
    2. image
  2. ツリーパネル内で［イントロ］をクリック
    3. image
  3. 画面上に表示されている［イントロ］をクリック
    4. image
  4. イントロ内のゴールの下をマウスオーバー
    5. image
  5. 表示された［ゴールアイコン］をクリック
    6. image
  6. ゴールが作成されます
    7. image

3-2. ゴールを編集する

  1. イントロ内の［ゴールタイトル］をクリック
    2. image
  2. 変更したいゴールタイトルに変更する
    3. image

3-3. イントロをもっと編集する

イントロではゴール以外にも追加編集できるコンテンツがあります。

イントロに他の要素を追加したい方は以下のページをご確認ください。

4. ゴールを編集する

4-1. ステップを作成・追加する

  1. イントロ上で編集するゴールをマウスオーバーし、表示された［編集アイコン］をクリック
    2. image
  2. ステップの横にある［＋］をクリックし、［ステップを追加］をクリック
    3. image
  3. ステップをマウスオーバーした時に、ステップの左右から表示される［＋］からステップ同士の間に新しいステップを追加できます
    4. image

4-2. 編集するステップを選択する

  1. ツリーパネルから編集する［ステップ］をクリック
    2. image
  2. 画面に表示された［ステップ］をクリック
    3. image
  3. ツリーパネルが格納され、以下の画像のようにステップが選択状態になります。
    4. image

ステップキャンバスの編集

以下画像のステップの赤いエリアをクリックすると、ステップのキャンバス自体を編集できます。

image

ステップキャンバスの編集は、以下のページをご確認ください。

4-3. ステップを編集する

4-3-1. ステップ内にブロックを追加する

ステップ内のブロックの間をマウスオーバーし、 ［テキスト/画像/HTMLブロック］の3つから追加するブロックをクリック GIFアニメーションを挿入する場合は［画像］を選択

image

4-3-2. ステップを編集する

ステップの編集は以下のページをご確認ください。

4-4. ゴールを連結する

📕
ゴールの連結とは

エンドユーザーがゴールを終了した時に、連結先に設定したゴールが自動で開始されます。

  1. ステップの横にある［＋］をクリックし、［他の施策へ連結］をクリック
    2. image
  2. ［プルダウン］をクリック
    3. image
  3. 連結先の横に表示される［メニュー］から連結するゴールのステップを選択
    4. image

4-5. ゴールを自動表示する

☝
ツアーのランチャーに設定する「ターゲット設定」とは別に、ツアーのゴールに対して「自動表示条件」を設定できます。

設定できる条件の詳細については、ページ下部の「表示条件の一覧」から確認できます。

  1. ツリーパネルから［イントロ］をクリック ※イントロでは自動表示条件を設定できません
    2. image
  2. 自動表示条件を設定する［ゴールを編集］をクリック
    3. image
  3. ツリーパネル内の左にある［自動表示条件］から設定を行います
    4. image
  4. 自動表示条件の中にある［＋］をクリック
    5. image
  5. ［追加する条件］を選択し、条件の詳細を設定
    6. image
  6. 追加した条件の下に出てくる［表示回数］•［表示間隔］を設定して完了 ゴールは表示回数に達するまでユーザーに自動表示されます。 表示回数をオフにした場合は無制限に表示されます。 ※選択した条件によっては、表示回数・表示間隔は設定できません。
    7. image

5. 作成したツアーをプレビューで確認する

  1. ツリーパネル右上の［▶︎］をクリック
    2. image
  2. 新しいウィンドウに移動し、プレビューを確認できます。 プレビューはランチャーから始まります。
    3. image

6. ターゲットを設定する

☝
ターゲット設定はツアーのランチャーとヒントに設定できます。 ターゲットを設定すると、その条件に合致するユーザーにのみ表示されます。 条件がない場合は、全てのユーザーに表示されます。 ※ 公開中のツアーはターゲット設定の変更が出来ません。 変更したい場合は、一度非公開にしてから設定を行なってください。

設定できる条件の詳細については、ページ下部の「表示条件の一覧」から確認できます。

  1. ツリーパネル内の左にある［ターゲット設定］から設定を行います
    2. image
  2. ターゲット設定の中にある［＋］をクリック
    3. image
  3. ［追加する条件］を選択し、条件の詳細を設定
    4. image

また、［＋］から条件を追加したり、［かつ/または］をクリックして柔軟にターゲット設定を行うことも可能です。

image
image
⚠️
注意 ターゲット設定は、タグに設定されたパラメータを参照しているため、JavaScriptタグにパラメータを設定いただく必要があります。パラメータが設定されていない場合は利用できません。

7. 作成したツアーを公開する

  1. ツリーパネル右上の［公開設定をする］をクリックすると、 画面が管理画面の編集に遷移します。
    2. image
  2. 案内に沿って、［公開する］をクリック
    3. image
  3. ツアーの表示優先順位をドラッグ&ドロップで確認・変更 優先順位はリストの上に行くほど高くなります。
    4. 📕
    表示優先順位とは

    表示優先順位とは、エンドユーザーが複数のツアーの自動表示条件を満たした際に、優先して表示するツアーを設定します。

    先に表示されているツアーがある場合、優先順位の低いツアーは表示されません。

    image
    image
  4. ［公開する］をクリックし、その後表示される確認モーダルの［OK］をクリック
    5. image
  5. ツアーが公開されます
image
⚠️
注意
  • 公開は「ツアー」単位となります。 ツアー内にあるすべてのゴールが公開されます。
    • icon
    一部のゴールを非表示にして公開することもできます。 非表示のゴールはイントロ上ではエンドユーザーに表示されません。 詳細は以下のページをご確認ください。

    ゴールの非表示

Onboarding ヘルプページOnboarding ヘルプページ

❓よくある質問