無料相談

売上あげる、
おてつだい。

  1. トップページ
  2. コラム
  3. 記事

コラム

LPから外部予約へ進む画面をつなぐ

チップス

LPのボタンから外部予約へ移るとき、プランと条件、完了表示、失敗時の戻り先、計測できる範囲をどう確認するか。画面接続図と納品前テストの項目で整理します。

無記名のLP画面案と外部予約画面案を机上で比較する担当者二人

大阪の事業者が新しい体験サービスのLPを作り、最後に「予約する」ボタンを置いた。ところがボタンの行き先は外部サービスの総合トップで、LPで紹介したプランや開催場所を利用者がもう一度探す必要がある。外部画面へ移った後に予約を取り消すと戻り先も分からず、担当者はLPのクリックを「予約完了」として報告していた。LPの見た目が整っていても、この接続では申込みの状態が見えません。

この記事は、大阪で商品・サービスのLP制作を依頼する事業責任者が、外部予約サービスとの接続を制作範囲に入れるか判断するためのものです。入力先、外部画面で引き継ぐ条件、完了と失敗の表示、戻り先、計測できる範囲を一枚の画面接続図にします。例は説明用の架空設定で、特定の予約サービスの機能や大阪の利用実績を示しません。実際の連携方法は選んだサービスの仕様と契約権限で確認します。

LPと予約画面で、同じ申込みを指しているか

みやあじよのランディングページ制作は、広告・ページ・フォームの話をつなぎ、CTAや計測項目を設計する範囲を案内しています。そこに外部の予約画面が続くなら、LP側のボタンを作るだけでなく、押した後に何が引き継がれ、何を再選択するのかを決める必要があります。本稿では、予約方法そのものの比較よりも、すでに使う外部サービスがある場合のLP納品時の確認に絞ります。

最初に、LPが約束する内容を一行にします。「初回体験を、希望する会場と日時で申し込む」のように、利用者が選ぶ対象を明らかにします。予約先が複数の会場、プラン、担当者を扱うなら、LPのボタンが該当する選択画面へ進むかを確かめます。外部サービスが直接リンクを受け付けない場合は、選び直す必要があることをLP上に説明し、どの表示名を探すか示す方法があります。対応していない値をURLへ勝手に付けても引き継げるとは限りません。

LPの「空き状況を見る」と予約先の「申込みを確定する」も別の行動です。リンク先でまず日時を選ぶなら、そのことがボタンの文言から予想できるようにします。LPで料金や対象条件を説明した場合は、予約先のプラン名、税込・税別の扱い、所要時間、対象条件が現行の案内と一致しているか事業者が確認します。制作会社は画面の表現とリンクを整えられますが、料金や受付枠の正本は事業者と予約サービスの運用側で決めます。

同じLPに上部、中ほど、末尾の予約ボタンがあるなら、全てのリンク先を一覧で確かめます。一つだけ古いプランへ向いていると、読む位置によって申込み内容が変わります。プラン別のボタンを置く場合は、表示名と行き先を一対一で管理します。共通のボタンだけを置くなら、外部画面でどの選択から始まるかを文言で伝えます。ボタンの数より、押した先との一致が重要です。

引き継ぐ情報も必要なものに絞ります。選んだプランや会場を外部サービスの対応URLで指定できるかは、公式の設定画面や仕様で確認します。個人の氏名、メール、電話番号をLPのURLに入れて渡す案内は避けます。URLは履歴や共有、解析の経路に残り得るためです。外部側で改めて入力が必要な項目は、LPで二重に聞かず、予約画面へ進んでから入力することを示します。

接続図に、完了しない経路も描く

画面接続図は、成功した一本の矢印だけでは足りません。外部の予約画面へ進めない、空き枠がない、入力を途中でやめる、送信後に受付確認が出ない、戻り先が分からない、といった経路も確認します。利用者が戻るときのページを決めておけば、LPへ戻って同じボタンを繰り返すだけの状態を避けられます。

次の表は、架空の体験予約LPで制作担当と事業者が確認するための例です。外部サービスが提供する機能や遷移先は実際の仕様に合わせて書き換えます。ここでは「予約完了」は外部サービスの受付記録まで確認できた状態を指す例とし、サービスがリクエスト受付方式なら文言も変えます。

表は左右にスクロールできます。

LPと外部予約の接続確認(架空例)
画面・場面 利用者へ示すこと 納品前に確かめること
LPのCTA 何の空き状況・申込みへ進むか ボタン文言、リンク先、スマホ操作
外部予約の入口 プラン・場所・日時の選び方 LPの案内との名称・条件の一致、引継ぎ可否
入力と確認 必須条件、入力後の確認画面 対象外条件、入力エラー、戻る操作
完了・受付 成立した内容と次の連絡 完了表示とサービス内の受付記録が一致するか
中断・失敗 再開方法、相談先、LPへの戻り方 空きなし、通信失敗、取消時の表示と連絡先
LPのCTA、外部予約の入口、入力、完了と中断時の戻り先を分けて確認する図
LP、外部予約の入口、入力と完了、失敗・中断時の戻り先を分けた架空の画面接続図。特定サービスの機能や予約実績を示しません。

この表は外部予約サービスの実画面を再現したものではありません。対象LPと実際の予約アカウントを並べて確認するための台紙です。直接の完了画面をLP制作側が編集できないなら、どの表示は事業者が予約サービスの管理画面で設定し、どの説明をLP側に置くかを分担します。「予約完了後にLPへ戻す」機能がないサービスでも、無理に動作があるように案内せず、予約サービス内で完了情報を読めることを確認します。

別のドメインへ移ることも、利用者へ隠す必要はありません。LPのCTAの近くに「外部予約ページへ移動します」と添え、予約先で入力する情報や問い合わせ先が変わる場合は、その違いを説明します。見慣れない画面へ突然切り替わると、正しい行き先か判断しにくくなります。外部サービスの名称を載せるなら、実際に使っているサービス名と画面の表示が一致しているかも確かめます。

予約先からLPへ戻す設定がある場合も、戻ったことだけで予約完了と判定しません。途中で戻るボタンを押した人と、正常完了後に戻る人が同じページへ来るなら、LP側の表示だけでは区別できないためです。戻りURLへ付けられる値、成功時だけ進む画面、サービスの受付記録など、使える確認方法を仕様で確かめます。分からない場合は計測と画面表示の両方に「未確認」と残します。

クリック・完了・受付件数を混ぜない

LPから外部ドメインへ進むリンクのクリックは、LP側で確認できる行動の一つです。Googleアナリティクスの外部リンク計測案内は、別ドメインへ進むクリックをイベントとして扱う方法を示しています。ただし、外部リンクのクリックは予約画面が開いたことや、入力が完了したこと、予約が成立したことを証明しません。イベント名も「予約完了」とせず、実際に観測した「予約サイトへ進む」などの意味に合わせます。

リンクを差し替えた後は、外部クリックの記録先も確認します。異なるプランのボタンを同じイベント名で記録する場合、どの行き先へ進んだかを後から区別できるかを見ます。逆に個人の入力内容を計測の識別子に使う必要はありません。実際の予約との照合ができない状態なら、クリックの集計をクリックとして報告し、推測の予約数へ変換しないことです。

外部の予約画面まで一続きに計測したい場合も、設定項目をLPだけで完結させられるとは限りません。Googleのクロスドメイン計測案内は、対象の両ドメインに同じ測定タグを置く条件や、遷移時のパラメータを確認する手順を示しています。予約サービス側にタグを設置できない、必要なパラメータを受け付けない、途中の転送で消える場合は、その方法で計測できると約束できません。利用するサービスの管理権限、仕様、実画面で可能かを先に確認します。

サービスが管理画面で予約件数を出せる場合でも、LPのクリックと一件ずつ結び付くとは限りません。LPの外部クリック、予約サービスの受付記録、実際に利用した件数は、定義と集計期間を分けて並べます。クリック数と予約件数の差を即座に「離脱率」と呼ばず、他の入口からの予約や複数回クリック、計測できない中間画面を考慮します。個別の利用者を追う連携を導入するなら、必要性、取得方法、公開する説明を事業者が別途確認します。

このように取得できる計測と取得できない計測を整理してから、みやあじよの外部予約につなぐLPの設計・確認として、ページ構成、CTA、フォーム・計測、公開前確認のうち何を依頼するか相談できます。同LPは対応範囲を案件ごとに決める案内で、外部予約サービスの内部設定や広告運用を一律に含む保証ではありません。先に画面接続図を持って相談すると、役割分担を確かめやすくなります。

LPと予約画面の無記名の紙資料を並べて導線を点検する担当者の手元

納品前は、外部画面まで通して試す

LPができたら、制作側のリンク確認だけで終えず、予約サービスのテスト用枠や検証方法を事業者と決めます。実在する顧客の情報を使わず、テストと分かる入力で、LPのCTAから外部画面、選択、入力、完了表示、管理画面の受付記録まで通します。テスト予約を作る場合は、その取消や受付枠への影響も担当者が確認します。公開中の枠へ勝手に送信して実利用者の予約を圧迫しないよう、検証方法を合わせます。

少なくとも四つの状態を試します。正常に予約できる、希望する枠がない、入力でエラーになる、外部画面を途中で離れる場合です。PCとスマートフォンの双方で、ボタンが押せるかだけでなく、画面名や料金が一致し、戻った後に混乱しないかを見ます。複数会場や複数プランが実際にあるなら、それぞれのリンク先を確かめます。一会場のテストだけを全プランの確認済みとしません。

記録には、テスト日時、LPのURL、リンク先、使った端末、選んだプランや枠、外部側の表示、受付記録、修正担当を残します。予約番号などの個別情報は、公開資料へ載せず社内の検証記録で扱います。完了画面を撮っただけでは通知メールの到着や現場の受付を確認できない場合もあるため、事業者側の運用に合わせて照合します。公開前のフォーム社内テスト記事は、自社フォームの画面、送信、受信を通す考え方を扱います。本稿ではその確認を外部サービスとの境界まで拡張します。

公開後にサービス側のURLやプラン名、入力条件が変わることもあります。予約サービスの管理者とLPの更新担当を決め、変更時にリンクと表記を同時に見直します。外部画面で新しい確認事項が増えたのにLPだけ旧条件を約束していないか、予約できない枠へボタンが向いていないかを定期的に見ます。公開前の一回のテストを永久の動作保証にしないことです。

制作会社と予約サービス側の作業を分けて依頼する

制作を頼むときは、「外部予約と連携したい」だけでなく、期待する到達点を示します。LPのCTAから対象プランへ進みたいのか、予約サービスの完了画面を整えたいのか、予約件数を計測と照合したいのか。これらは必要な権限と確認先が違います。LP制作会社が扱える作業、予約サービスの管理者が設定する作業、事業者が判断する料金と受付条件を一枚にします。

既存の予約サービスへ直接リンクするだけなら、正しいリンク先、文言、スマートフォンの表示、更新担当を納品条件にできます。パラメータの引継ぎや完了後の戻り、予約完了イベントまで求めるなら、サービスが機能を提供するかと、誰がテストできるかを先に確認します。提供されない機能を制作費の内訳に入れたまま進めず、代替の画面案内や別の計測方法を検討します。設定可能と確認できるまでは未確定の依頼範囲として扱います。

フォームの送信完了を計測する既存記事は、自社フォーム内の操作と成功を分ける説明が中心です。阪南市の予約サイト記事は予約方法の選び方を、大阪狭山市の記事は電話や外部サービスを含む受付運用の一元化を扱います。本稿は予約方法の比較や台帳運用を繰り返さず、LPを納品する時点で外部サービスへの入口、完了、戻り、計測の境界を確認する作業に絞りました。まずは現在のLPと予約画面を開き、ボタンを押した後の一画面目から確認してください。

LPの最後の一歩まで確かめる

みやあじよのランディングページ制作では、伝える相手と行動、CTA、フォーム、必要な計測と公開確認の範囲を整理します。外部予約サービスを使う場合は、現在のLP、予約先、完了画面の仕様を共有し、どこまでを制作・検証するかご相談ください。

参考にした公開情報

マーケター・コンサルタントの皆様へクライアントの「価値」を伝えるWebトータルパートナー提携Webに関するトータルからスポット作業まで必要な部分だけお任せできるWeb制作パートナー提携