街を“歩いて読む”体験を、360°と地図でどう広げるか

読者体験を設計する視点

記事を単なる本文の羅列にせず、空間・位置・周辺情報と組み合わせて届けると、読み味が大きく変わります。 今回はその土台として、記事内に埋め込みブロックを置ける前提のレイアウトを作っています。

将来的には、ライターや投稿者がURLを入力するだけで、Matterportや地図を安全に埋め込めるようにするのが理想です。 まずは静的HTMLで枠を作り、後で投稿画面やDBの設計に落としていきます。

360°埋め込み枠のイメージ

地図埋め込み枠のイメージ

広告効果をどう見ていくか

広告運営を前提にするなら、ページビューだけでなく、広告の表示位置ごとのクリック率や記事読了率も見ていきたくなります。 今回はまず、クリック時にどんなイベントデータを取るかをブラウザ上で確認するところまで進めます。

次の段階

次はこのクリックイベントを保存先へ送る処理を作り、その後に投稿画面、AIによる見出し提案や要約補助へ進めていきます。