概要 #
1枚の画像を好きなエリアに分割し、それぞれに異なるリンクやアクションを設定できるインタラクティブなメッセージです。視覚的に訴求しつつ、複数の誘導先を同時に提示できるため、キャンペーンや案内が複数存在する場面に適しています。
画像が表示されない環境では、代替テキストが表示されます。
利用シーン
① 商品カテゴリ別のランディングページに誘導するメニュー画像
(例:エリア1~6に「食品」「日用品」「飲料」などを割当て)
② イベント告知で「参加申込」「詳細を見る」「アクセス案内」など複数の行動を画像から誘導
③ 季節特集やセールバナーで複数商品ページへリンクを分岐させる
①イメージマップの設定方法 #
① メッセージタイトル
メッセージの管理用タイトルを入力します。
ユーザーには表示されず、作成者・管理者が一覧で識別しやすくするための項目です。
② カテゴリー(任意)
メッセージを任意のカテゴリに分類できます。
キャンペーン別や用途別に分類管理したい場合に活用します。
③ プラットフォーム
送信先となるプラットフォームを選択します。この画面では「LINE」が選択されており、
LINE専用のメッセージタイプが利用可能になります。
④ メッセージタイプ
「イメージマップ」を選択します。1枚の画像を6分割し、それぞれにリンクやアクションを
割り当てられるインタラクティブな形式です。
⑤ 次へ
初期設定が完了したら「次へ」をクリックし、画像アップロードおよびリンク設定画面に進みます。
⑥ メッセージタイトル
ステップ1で入力した管理用タイトルが表示されます。ここでも編集可能です。
管理画面での識別目的に使用され、ユーザーには表示されません。
⑦ 代替テキスト(必須)
画像が正常に表示されない環境(フィーチャーフォンなど)で代わりに表示されるテキストです。
簡潔かつ内容を端的に伝える文言を入力します(最大100文字)。
⑧ 画像
イメージマップとして使用する画像をアップロードまたは選択します。
※画像の仕様:
・推奨サイズ: 横幅1040px × 高さ1040px(正方形)
・ファイル形式: JPG / PNG
・ファイルサイズ上限: 1MB未満
画像の縦横比や容量が適正でない場合、正常に表示されない可能性があります。
⑨ 次へ
画像と代替テキストの設定が完了したら、「次へ」をクリックして次のステップへ進みます。
⑩ メッセージタイトル
作成中のメッセージタイトルが表示されます。前のステップで入力した内容が反映されています。
⑪ タブレイアウト(上下)[任意]
画像の上下に表示するタブメニューの設定です。
⑫ タブレイアウト(左右)[任意]
画像の左右にタブを表示したい場合に設定します。
⑬ メニューレイアウト(必須)
イメージマップの「エリア数(分割数)」を選択します。
エリアレイアウトの選択
イメージマップでは、1枚の画像を最大で20種類以上のレイアウトパターンから選択
できます。
パターンごとに分割されるエリア数(例:2エリア、4エリア、6エリア など)が異なり、
それぞれのエリアに個別アクションを設定可能です。
レイアウトの活用例
・左右分割で「はい/いいえ」の選択肢を提示する(2エリア)
・サービスカテゴリごとのリンクを並べてメニュー風に見せる(4〜6エリア)
・より複雑な操作や商品紹介用に多数のエリアを設定(9〜12エリア以上)
選択したレイアウトにより、視覚的なナビゲーション性が大きく変わるため、用途に
応じて最適な構成を選んでください。
※補足:
レイアウト変更後、画像の表示にズレが出ることを防ぐため、画像の縦横比は正方形
(1040px × 1040px)での作成を推奨します。
⑭ 次へ
レイアウト設定が完了したら「次へ」をクリックして、エリアごとのアクション設定画面に進みます。
⑮ メッセージタイトル
メッセージの管理用タイトルが表示されます。
⑯ プレビュー
アップロードした画像に対し、選択したメニューレイアウトに基づいて分割された「エリア」が
緑の枠線で表示されます。
各エリア(例:エリア1〜エリア6)には、後続ステップでアクション(リンクやタグ付与など)を
設定可能です。視覚的に分割状態を確認し、意図通りに配置されているかをチェックできます。
レイアウトをダウンロード
「レイアウトをダウンロード」ボタンをクリックすると、現在表示されている画像の
分割レイアウト情報を取得できます。
デザイン調整や事前レビュー、クリエイティブ制作への指示出し資料として活用できます。
⑰ マップアクション(必須)
画像をエリア分割した各ブロック(エリア1~6など)に、個別のアクションを設定します。
アクションタイプは次の通りです:
・リンク: 指定URLに遷移
・メッセージ: 決まった文言を送信(例:「〇〇をクリックしました」)
・クリップボード: 任意のテキストをコピーさせる
それぞれのエリアに異なる動作を割り当てることで、インタラクティブなメニューを実現します。
⑱ クイックリプライ(任意)
メッセージ下部にボタン形式で表示する返信オプションです。
ユーザーがワンタップで次のアクションを選べるようになります。
⑲ 送信アクション(任意)
メッセージ送信後に自動で実行されるアクション(例:タグ付与・リスト追加など)を設定
できます。ユーザーの反応にかかわらず確実に処理したい項目がある場合に活用します。
⑳ 送信ディレイ(任意)
メッセージの送信タイミングを指定秒数だけ遅延させます。ステップ配信などで時間差を
つけたいときに使用します。
㉑ 完了
すべての設定が完了したら「完了」ボタンをクリックし、イメージマップメッセージの作成を
確定します。