当サイトではアフィリエイトプログラムを利用して商品を紹介しています。掲載リンクからご購入いただいた場合、当サイトに報酬が発生することがあります。

UTAGEのリッチメニュー切り替え方法|タブ式・自動・手動の3通りと、設定する場所が違う理由

色分けされたタブが付いたバインダー。リッチメニューのタブ切り替えのイメージ

LINEのリッチメニューを「購入者には別のメニューを出したい」「タブで切り替えられるようにしたい」と考えたとき、UTAGEのどこを触ればいいのか分かりにくい、という声をよく聞きます。

理由ははっきりしていて、同じ「切り替え」でも、設定する場所が3か所に分かれているからです。読者が自分でタブを押して切り替えるものと、配信のタイミングで自動的に切り替わるもの、運営側が手で切り替えるもの。この3つは、それぞれ別の画面で設定します。

この記事では、公式マニュアルにもとづいて3通りすべての手順を整理します。あわせて、リッチメニュー本体を作る段階で見落としやすい仕様も押さえます。

「切り替え」には3通りある

同じ「切り替え」でも、設定する場所が3つに分かれる タブ式 切り替えるのは 読者自身 設定する場所 リッチメニューの エリア動作 「リッチメニューを 切り替え」を選ぶ 自動 切り替えるのは 配信のタイミング 設定する場所 アクション管理 + 各配信画面 「送信後に実行する アクション」に指定 手動 切り替えるのは 運営側 設定する場所 シナリオの予約中 /LINE友だち一覧 一括か個別かで 画面が変わる どれも先に「リッチメニュー本体」を作っておく必要がある

まず全体像です。UTAGEでリッチメニューを切り替える方法は、次の3つに分かれます。

方法1:タブ式(読者が自分で切り替える)

リッチメニューの上部にタブを並べておき、読者がタブを押すと別のリッチメニューに切り替わる形式です。1枚のメニューに収まりきらない導線を、カテゴリごとに分けたいときに使います。

設定するのは、リッチメニューのエリア動作です。「リッチメニューを切り替え」という動作を選んで、切り替え先のリッチメニューを指定します。配信もアクションも関係ありません。

方法2:自動で切り替える(配信のタイミングで変わる)

「登録3日後にメニューを変える」「商品を購入したら購入者向けメニューにする」といった、条件に応じた自動切り替えです。

これはアクションを作ってから、配信側で指定するという二段構えになっています。ここが最初につまずくところで、リッチメニューの設定画面をいくら探しても出てきません。

方法3:手動で切り替える(運営が操作する)

すでにいる読者に対して、こちらのタイミングでメニューを変える方法です。さらに一括と個別に分かれます。

  • 一括:特定のシナリオに登録されているLINE読者全員のメニューを変える
  • 個別:LINE友だち一覧から、1人だけメニューを変える

これも画面が違います。一括はシナリオの「予約中」から、個別はLINE友だち一覧から操作します。

準備:リッチメニュー本体を作る

どの方法でも、先にリッチメニュー本体が必要です。ここを飛ばして切り替えの設定はできません。

作成場所と基本の流れ

上メニューの【メール・LINE配信】からアカウントを選択し、左メニューの【LINEリッチメニュー】をクリックします。リッチメニュー一覧が開くので、【追加】をクリックしてください。

ここで設定するのは、大きく分けて「管理名称・画像・表示の初期状態・レイアウト」の4つです。順に見ていきます。

画像の条件が決まっている

画像ファイルは、リッチメニューの背景になるものです。指定サイズが決まっていて、外れるとアップロードできません。

項目 条件
サイズ 横2500px × 縦1686px
または 横2500px × 縦843px
ファイル容量 1MB以下
形式 JPG または PNG

縦1686pxが大きいほうのメニュー、縦843pxが横長の薄いメニューです。どちらを選ぶかで、置けるボタンの数と見え方が変わります。

画像を一から作るのが大変な場合、LINE公式アカウントの管理画面にテンプレートがあります。公式マニュアルが案内している場所は次のとおりです。

  1. LINE公式アカウント管理画面にログイン
  2. トークルーム管理 > リッチメニュー
  3. 作成画面の「コンテンツ設定」にある【デザインガイド】をクリック
  4. 【テンプレートをダウンロード】から取得

このテンプレートに沿って作れば、エリアの区切り位置とデザインがずれません。タブ式を作るときは特に効いてきます。

「デフォルトメニューに指定」は後から作ったほうが勝つ

ここが最初の落とし穴です。設定項目に「デフォルトメニューに指定」があり、「する」を選ぶと、友だち追加した際に必ずそのリッチメニューが表示されます。

公式が明記しているのは次の挙動です。

既にデフォルトメニューがある中で「する」にしたメニューを追加作成すると、追加作成した方がデフォルトメニューとなります

つまり、あとから作ったほうに黙って入れ替わります。エラーも警告も出ません。新しいメニューをテストで作るとき、深く考えずに「する」を選ぶと、その時点から新規友だちに表示されるメニューが変わってしまいます。

テスト用に作る場合は「しない」にしておき、本番に切り替えるタイミングで「する」に変更してください。

初期表示状態とメニュー開閉ボタン

「初期表示状態」では、トーク画面を開いたときにメニューを開いた状態にするか閉じた状態にするかを選びます。

  • メニューを表示する:トーク画面を開いた際にメニューが開かれた状態になる
  • メニューを表示しない:トーク画面を開いた際にメニューが閉じられた状態になる

あわせて「メニュー開閉ボタンのテキスト」も設定します。メニューを閉じているときに表示される小さなラベルです。「メニュー」「予約はこちら」など、押したくなる言葉を入れておきます。

エリアに設定できる動作は7種類

レイアウトを選ぶと、そのレイアウトの区画がそのままエリアになります。レイアウトの1の部分が「エリア1」、2の部分が「エリア2」という対応です。

各エリアに設定できる動作は、公式が挙げている7種類です。

動作 内容
何もしない タップしても反応しない。デザイン上の余白に使う
URLを開く 指定したページを開く
メッセージを送信 アカウントから読者へメッセージを送る
LINE友だち側からメッセージを送信 読者が発言した形になる。自動応答のキーワードと組み合わせる
アクションを実行 シナリオ遷移やラベル付与など、登録済みのアクションを動かす
テンプレートを送信 登録済みのLINEテンプレートを送る
リッチメニューを切り替え 別のリッチメニューに切り替える。タブ式で使う

設定できるエリア数は、選んだレイアウトによって変わります。「カスタムレイアウト」を選ぶと、【エリア追加】【エリア削除】でエリア数を自由に決められ、範囲も調整できます。エリアは最大20個まで追加可能です。

設定が終わったら【保存】をクリックし、メッセージが表示されれば完了です。

方法1:タブ式(読者が自分で切り替える)

ここからが本題です。読者がタブを押して切り替えられる形式は、公式マニュアルに専用の手順があります。

考え方:メニューはタブの数だけ作る

先に理解しておくと迷いません。タブ式は「1枚のメニューの中でタブが切り替わる」のではなく、「タブの数だけリッチメニューを作って、相互に切り替え合う」仕組みです。

タブが3つなら、リッチメニューを3枚作ります。3枚とも上部に同じタブのデザインを入れておき、アクティブなタブの見た目だけを変えます。読者から見ると1枚のメニューでタブが切り替わっているように見える、という作りです。

手順1:切り替えタブを入れた画像を、必要な枚数ぶん用意する

まず画像です。公式の例では次のように分けています。

  • リッチメニューA:タブ1を押した際に表示されるリッチメニュー
  • リッチメニューB:タブ2を押した際に表示されるリッチメニュー

必要な分だけ用意してください。前の章のとおり、画像は先にUTAGEに登録しておきます。

手順2:レイアウトで「カスタムレイアウト」を選ぶ

編集画面に進み、レイアウト > カスタムレイアウトを選択します。

ここで既定のレイアウトを選んでしまうと、タブの位置にエリアを合わせられません。タブ式では必ずカスタムレイアウトを使います。タブは画像の上端に細長く並んでいるので、既定の格子状レイアウトでは形が合わないためです。

手順3:【エリア追加】でタブの位置にエリアを置く

【エリア追加】を押すと、エリアが1つ追加されます。追加されたエリアをドラッグして、画像のタブの位置に合わせてください。

これをタブの数だけ繰り返します。タブが3つなら、タブの位置に3つのエリアを置くことになります。

タブ以外の本体部分(実際のメニューボタン)にも、別途エリアが必要です。エリア追加は最大20個までなので、タブ3つ+ボタン6つといった構成なら余裕があります。

手順4:エリアの動作を「リッチメニューを切り替え」にする

置いたエリアの設定箇所で、動作から「リッチメニューを切り替え」を選択します。そして、切り替え先として手順1で作成したリッチメニューを指定してください。

タブ1のエリアにはリッチメニューAを、タブ2のエリアにはリッチメニューBを、というように対応させます。

手順5:他のメニューにも同じ設定を入れる(ここを忘れやすい)

【保存】を押したら終わり、ではありません。手順1で作成した他のリッチメニュー全てに対して、同じようにエリア設定を行う必要があります。

これが一番の落とし穴です。リッチメニューAだけにタブの切り替え設定を入れて満足してしまうと、Aから他のタブには行けるのに、B側にタブの設定が入っていないため戻ってこられません。読者は行き止まりに入ります。

タブが3枚なら、3枚それぞれに「他の2枚へ切り替えるエリア」を設定します。全部のメニュー間で相互に行き来できる状態にして、はじめてタブとして機能します。

手順6:作ったリッチメニューを読者に適用する

ここまでで設定は完成ですが、まだ読者には表示されていません。作成しただけでは適用されないためです。

適用の方法は、次の章の「自動で切り替える」または「手動で切り替える」と同じです。デフォルトメニューに指定してあれば新規の友だちには表示されますが、すでにいる読者に出すには適用の操作が必要になります。

設定が終わったら、必ず自分の端末で動作を確認してください。タブを一周して元のタブに戻れるか、というのが確認のポイントです。

方法2:自動で切り替える

次は、配信のタイミングに合わせてメニューが自動的に変わる設定です。「登録から3日経ったら」「セミナー開催日の前日に」といった切り替えができます。

事前準備1:リッチメニュー変更のアクションを作る

自動切り替えにはアクションが必要です。ここを知らないと、リッチメニューの画面を探し続けることになります。

作成場所は次のとおりです。

メール・LINE配信 > アカウント名選択 > アクション管理 > 【追加】

設定する内容は3つです。

  • 管理用名称:任意の名称。「購入者メニューへ変更」など、後から見て分かる名前にします
  • 種類:「LINEリッチメニューを変更」を選択
  • リッチメニュー:切り替え先のリッチメニューを選択

入力できたら【保存】でアクションを作成します。このアクションが、以降すべての自動・手動切り替えの部品になります。切り替え先のメニューごとに1つずつ作っておくと運用が楽です。

事前準備2:実行タイミングを決める

次に、いつ切り替えるかを決めます。公式が挙げている選択肢は配信の種類ごとに異なります。

配信の種類 指定できるタイミング
一斉配信 特定日時で指定(何年何月何日何時何分)
ステップ配信 配信基準日時を起点に指定。登録◯日後の◯時◯分、登録◯日◯時間◯分後
リマインダ配信 イベント参加日時を起点に指定。開催◯日前の◯時◯分、開催◯時間◯分前、開催◯日後、開催当日の◯時◯分など

ステップ配信の「登録◯日後の◯時◯分」という指定には、登録した時刻より前の時刻を指定すると当日は実行されないという挙動があります。夜に登録した読者に対して「登録0日後の9時」と設定しても、その9時はすでに過ぎているためです。この仕組みはUTAGEのセグメント配信で詳しく解説しています。

パターンA:メッセージ配信と同時に切り替える

いちばん多いのがこの形です。メッセージを送ると同時にメニューも変える、という設定になります。

対象になるのは、メール一斉配信・LINE一斉配信・ステップ配信・リマインダ配信の4つです。それぞれのメッセージ作成画面に「送信後に実行するアクション」という項目があるので、そこで事前準備1のアクションを指定してください。

たとえば「本日から購入者向けメニューになります」というメッセージを送りつつ、同時にメニューを切り替える、という流れが1回の設定で作れます。

パターンB:メッセージなしで、切り替えだけ実行する

メッセージを送らずにメニューだけ変えたい場合もあります。その場合は、配信の一覧画面から直接アクションを追加します。

  • 一斉配信:【予約中】画面の【アクション追加】ボタンからアクションを指定
  • ステップ配信:【ステップ配信】画面の【アクション追加】ボタンからアクションを指定
  • リマインダ配信:【リマインダ配信】画面の【アクション追加】ボタンからアクションを指定

「セミナー終了後、静かにメニューをフォローアップ用に戻す」といった、読者に気づかせたくない切り替えに向いています。

なお、リッチメニューの切り替えを含むアクション設計はUTAGEの機能全体の中では「アクション管理」という共通の仕組みの一部です。シナリオ遷移やラベル付与と同じ場所で管理されるので、まとめて設計しておくと運用が整理されます。

方法3:手動で切り替える(一括・個別)

最後は、すでにいる読者に対して運営側のタイミングで切り替える方法です。一括と個別で操作場所が違います。

一括:シナリオの読者全員のメニューを変える

「購入者シナリオに入っている人全員のメニューを変えたい」というときの操作です。事前準備1のアクションを作ってあることが前提になります。

操作の流れは次のとおりです。

  1. メール・LINE配信 > アカウント名選択 > シナリオ選択
    メニューを変えたいLINE読者が入っているシナリオを選びます
  2. 画面左側メニューの「予約中」をクリック
  3. 【アクション追加】ボタンをクリック
  4. 実行のタイミング:任意のものを選択
  5. 実行するアクション:作成したリッチメニュー変更アクションを指定
  6. ステータス:「稼働中」を選択
  7. 【保存】ボタンをクリック

これで、そのシナリオに登録されているLINE読者のリッチメニュー表示を一括で変更できます。ステータスを「稼働中」にし忘れると動かないので、保存前に確認してください。

逆に、リッチメニューの表示を消したい場合も同じ手順です。表示を消したいLINE読者が存在するシナリオを選んで、同様に操作します。

個別:1人だけメニューを変える

特定の読者だけメニューを変えたい場合は、アクションを作らずに直接変更できます。こちらのほうが手順は短いです。

  1. メール・LINE配信 > アカウント名選択 > LINE友だち > LINE友だち一覧
  2. 該当のLINE友だち名をクリック
  3. リッチメニューのプルダウンをクリックし、変更先のリッチメニューを選択
  4. 【変更】ボタンを押下

これでその読者のリッチメニュー表示が変わります。個別対応の途中で「この人にはこのメニューを出しておこう」と判断したときに、その場で完結します。

1対1のやり取りの中で個別対応をする流れは、UTAGEのLINEチャットとあわせて使うと分かりやすくなります。

つまずきやすい箇所

公式マニュアルに記載があるものを中心に、事前に知っておくと詰まらない点をまとめます。

保存時に「500エラーが発生しました。」と出る

リッチメニューを保存しようとしてこのエラーが出る場合、LINEアカウント設定が未完了の可能性があります。リッチメニューの設定を行うには、事前にLINEアカウント設定が完了している必要があるためです。

確認場所は次のとおりです。

メール・LINE配信 > アカウント名選択 > LINEアカウント > LINEアカウント設定

ここでLINE公式アカウントとの連携設定が完了しているかを確認してください。連携そのものの手順はUTAGEとLINE公式アカウントの連携方法で解説しています。4つの値を取り違えると動かないので、エラーが続く場合はそちらを確認してください。

「URLを開く」にアンケートURLは使えない

これは見落としやすい制限です。エリアの動作「URLを開く」には、メール・LINE配信機能の「シナリオ内アンケートURL」は利用できません。

アンケートに誘導したい場合、公式が案内している方法は次の2つです。

  • 動作を「メッセージを送信」にして、その中でアンケートURLを案内する
  • 同一シナリオ内の一斉配信・ステップ配信・リマインダ配信経由で送信する

リッチメニューから直接アンケートに飛ばそうとして動かない場合は、この制限に当たっている可能性があります。

解約する前に、リッチメニューの適用を解除する

これは順番の問題です。リッチメニューの適用解除を行う前にUTAGEを解約すると、解約後にUTAGEで設定したリッチメニューを変更できなくなります。

LINE公式アカウント側にメニューだけが残り続け、それを直す手段がなくなるということです。解約を検討する段階に入ったら、先に適用の解除を済ませてください。この種の「順番を間違えると戻せない」操作は他にもあるので、UTAGEでやってはいけない操作38個にまとめてあります。

タップ数の計測は、設定した後の分しか残らない

リッチメニューには各エリアのタップ数を計測する機能があります。ただし計測開始のタイミングは、設定画面の「タップ数分析」を「利用する」にして【保存】を押した後からです。「利用する」に設定する前の過去データは集計対象になりません。

あとから効果を振り返りたくなることは必ずあるので、リッチメニューを作る段階で有効にしておくことをおすすめします。この機能の詳しい使い方は別途取り上げます。

まとめ

リッチメニューの切り替えは、3通りあることと、それぞれ設定場所が違うことを押さえれば迷いません。

  • タブ式:リッチメニューのエリア動作で「リッチメニューを切り替え」を選ぶ。タブの数だけメニューを作り、全部に相互の切り替えを設定する
  • 自動:アクション管理で「LINEリッチメニューを変更」を作り、各配信画面の「送信後に実行するアクション」で指定する
  • 手動(一括):シナリオの「予約中」から【アクション追加】。ステータスは「稼働中」に
  • 手動(個別):LINE友だち一覧から該当者を開き、プルダウンで変更

作成時に気をつける点は3つです。画像は2500×1686または2500×843で1MB以下。「デフォルトメニューに指定」を「する」にすると、あとから作ったほうに黙って入れ替わる。そして、カスタムレイアウトならエリアは最大20個まで。

タブ式で行き止まりを作らないこと、これが実装上いちばんの注意点です。設定が終わったら必ず自分の端末で、タブを一周して戻ってこられるかを確認してください。

なお、ここで扱ったリッチメニューを含め、UTAGEのLINE機能は14日間の無料お試し期間中に実際の管理画面で確認できます。

よくある質問(FAQ)

タブを押しても切り替わりません。

切り替え先のリッチメニュー側に、戻ってくるためのエリア設定が入っているか確認してください。公式の手順では、作成したすべてのリッチメニューに対して同じエリア設定を行う必要があります。片方だけに設定すると行き止まりになります。

リッチメニューを作ったのに表示されません。

作成しただけでは適用されません。デフォルトメニューに指定していない場合、アクション「LINEリッチメニューを変更」を実行するか、LINE友だち一覧から個別に変更する必要があります。

新しいメニューを作ったら、新規の友だちに表示されるメニューが変わってしまいました。

「デフォルトメニューに指定」を「する」にして作成した可能性があります。公式は、既にデフォルトメニューがある中で「する」にしたメニューを追加作成すると、追加作成したほうがデフォルトメニューになる、としています。テスト用に作る場合は「しない」を選んでください。

保存すると「500エラーが発生しました。」と表示されます。

LINEアカウント設定が未完了の可能性があります。メール・LINE配信からアカウントを選び、LINEアカウント > LINEアカウント設定で、LINE公式アカウントとの連携が完了しているか確認してください。

リッチメニューからアンケートに誘導できますか?

動作「URLを開く」にシナリオ内アンケートURLは利用できません。動作を「メッセージを送信」にしてその中で案内するか、同一シナリオ内の一斉配信・ステップ配信・リマインダ配信経由で送信してください。

エリアはいくつまで作れますか?

カスタムレイアウトを選択した場合、【エリア追加】で最大20個まで追加できます。エリア範囲の調整も可能です。

UTAGEは14日間、無料で試せます

LP・メール配信・LINE・決済・会員サイト・ウェビナーを1つに統合したオールインワン・マーケティングシステムです。初期費用は無料、月額21,670円(税込)。リッチメニューの切り替えも、14日間の無料お試し期間中に実際の管理画面で試せます。

UTAGEを14日間無料で試す

上部へスクロール