【UTAGE】ファネルの「ページ」と「ステップ」の違いと編集画面の開き方

ページを開くまでの手順

1. 01

   ファネル・ステップ・ページの入れ子を知る

   ファネルの中身は3段の入れ子です。1つのファネルに、ステップ（LP、決済ページ、サンクスページなど）が順番に並び、1つのステップの中に、実際に表示されるページが入っています。

   この記事での呼び名	画面での見え方	公式APIでの名前
   ファネル	ファネル一覧の1行	funnel
   ステップ	「ページ一覧」の左に並ぶ1行（画面上の呼び名は「ページ」）	step
   ページ	左の行を選んだときの「ページ」タブの中身	page

   ふだんはステップ1つにページ1つなので、違いを意識しなくても困りません。違いが表に出るのは、A/Bテストでページを増やしたときと、登録経路やAIへの指示で「どのページか」を正確に伝えたいときです。

   自分のファネルで、ステップがいくつ並んでいるかを数えられる

   公式API資料：基本コンセプト（ステップは固有の公開URLを持ち、A/Bテスト時は1ステップに複数のページを作れる、と説明されています）

   ファネル

   • ステップ：LP
     • ページ（通常は1つ）
   • ステップ：決済ページ
     • ページA
     • ページB（A/Bテストで追加）
   • ステップ：サンクスページ
     • ページ
2. 02

   ファネルの「ページ一覧」を開く

   上部メニュー「ファネル」でファネル一覧を出し、対象のファネル名をクリックします。「ページ一覧」タブが開き、左にステップの一覧、右に選んだステップの中身が表示されます。ファネルの左サイドメニューでは、この画面は「ページ」という名前です。

   ステップを足すときは、左の一覧の下にある「＋ 追加」を押します。

   このときのアドレスバーには、ファネルIDが入ったURLが出ます。

   https://utage-system.com/funnel/{ファネルID}/page

   • ファネルIDファネル1つごとに振られるID

   対象のファネルのページ一覧が開き、左にステップが並んでいる

   公式マニュアル：ファネルのページ編集方法

   

3. 03

   左の行を選ぶと、ステップのURLになる

   左の一覧で行を選ぶと、URLの末尾にステップIDが付きます。読者が開く公開URLも、このステップIDでできています。

   https://utage-system.com/funnel/{ファネルID}/page/{ステップID}

   https://utage-system.com/p/{ステップID}

   • ファネルIDどのファネルか
   • ステップIDページ一覧で選んだ行。公開URLの /p/ の後ろと同じ値

   つまり、LPのURLを読者に配るとき、配っているのはステップのURLです。A/Bテストでページが増えても、配るURLは変わりません（手順05）。

   • 登録経路を作るときに選ぶ「ファネルステップ」は、この左の行のことです。経路の作り方は登録経路の使い方にまとめています
   • 独自ドメインを設定している場合、公開URLのホストが変わることがあります。パスがそのまま残るかは、この記事では確かめていません

   左の行を選んだときに、アドレスバーの末尾が変わることを確かめた

4. 04

   「ページ」タブの「編集」で、ページビルダーを開く

   中身を直すのは、右側の「ページ」タブです。「編集」を押すと、ページビルダー（編集画面）が開きます。編集中は、画面右上の「保存」をこまめに押します。

   編集画面のURLに入るのは、ステップIDではなくページIDです。

   https://utage-system.com/funnel/{ファネルID}/page/{ページID}/edit

   https://utage-system.com/page/{ページID}?preview=true

   • ファネルIDどのファネルか
   • ページID「ページ」タブに並ぶ1つ。末尾に /edit が付くと編集画面

   手順03のURLと、形がよく似ている点に注意します。/page/ の後ろがステップIDかページIDかは、見た目では区別できません。末尾に /edit があればページIDです。

   直したいページの編集画面が開き、右上に「保存」がある

   公式マニュアル：ファネルのページ編集方法

   

5. 05

   A/Bテストを作ると、1つのステップにページが増える

   ステップとページを分けている理由が、A/Bテストです。ページ一覧で「A/Bテストを作成」を押し、「ページをコピーして作成」か「新規にページを作成」を選ぶと、同じステップの中にページが1つ増えます。

   • 上部に出るファネルページのURL（ステップのURL）から来た人は、各ページに均等に振り分けられます。同じ人には、毎回同じページが表示されます
   • 各ページの下に出るURLを使うと、特定のページを指定して開けます
   • 成果の出ないページは、削除ではなくアーカイブで外すよう公式マニュアルで案内されています。削除すると、データが正しく集計されなくなるためです
   • 結果は、ファネルの「データ」でページごとに確かめます

   A/Bテスト中は、ページを直すときに「どのページの編集画面を開いたか」を確かめてから作業します。ステップを選んだだけでは、どのページを直すかは決まりません（筆者の運用）。

   A/Bテスト中のステップで、ページがいくつあり、どれを直すかを言える

   公式マニュアル：ファネルのAB(A/B)テスト機能／「登録経路」「AB(A/B)テスト」はどのように使い分けると良いでしょうか？

   ステップ：LP（公開URLは1本）

   • ページA
     • 個別のURL
   • ページB
     • 個別のURL
6. 06

   編集画面から戻り、ステップ単位の設定につなぐ

   ページビルダーの左上の「戻る」を押すと、ページ一覧で元のステップを選んだ状態に戻ります（筆者が管理画面で確かめた動き）。戻り先は /funnel/{ファネルID}/page/{ステップID}、つまり手順03のステップのURLで、編集画面のページIDではありません。

   ここから先の設定は、ステップ単位か、ページ単位かで置き場所が変わります。

   • ステップ単位で決まるもの：公開URL、ステップの並び順、登録経路の計測先（「ファネルステップ」で選ぶ）
   • ページ単位で決まるもの：中身（文章・画像・ボタン・フォームなどの要素）。A/Bテスト中のファネルでは、登録経路の設定に「ページ」の欄も出て、ページまで指定できます

   決済後に次のページへ進める設定（「決済後のリダイレクト先」の「ファネルの次のステップ」）も、ステップの並び順を前提にしています。オーダーバンプやアップセルを組むときのページの並べ方は、オーダーバンプとアップセルの設定方法で書いています。

   編集画面から戻ったとき、どのステップを選んだ状態かを確かめられる

   

つまずきやすいところ

次の記事

ファネルの次は、メール・LINE配信のエリアです。配信アカウント、シナリオ、ステップ配信、メッセージと、こちらも入れ子になっています。ラベルや読者がどの段にあるかを知ると、設定画面を探す時間がぐっと減ります。

連載3/8：配信アカウント・シナリオ・メッセージの関係と設定場所