mailinapp
Documentation menu

会場ブロック

対面イベントの場所の詳細です: 会場名、住所、任意の写真、そしてGoogleマップでその場所を開く「ルートを表示」ボタンです。これはミーティングリンクブロックの対面版です — イベントメールの中で同じ役割を担いますが、参加用URLではなく実際の場所を扱います。

仕組み

会場は画像やテキストと同様、純粋なコンテンツです: 回答すべきものは何もありません。ミーティングリンクやRSVPとは異なり、キネティックティア、ライブビュー用の分岐、機能(capability)の登録は一切必要とせず、回答ダッシュボードやCSVエクスポートにも一切表示されません。唯一のインタラクティブな要素はルートを表示のリンクで、プレーンなリンクを持つすべてのブロック(ボタン、リンク付きの画像、ソーシャルアイコン)が共有する汎用のクリック追跡スロットを利用します。それでも、独自の回答タイプとしてではなく、ブロック単位のクリックヒートマップには表示されます。

ルートを表示は、APIキーも地図サムネイルの埋め込みもなしでmaps.google.comを開きます — ブロックは、3つの入力元のうち最も精度の高いものから解決した単なるリンクを組み立てます:

  1. Googleマップのリンク(設定されている場合) — スマートフォンやパソコンのGoogleマップで場所を共有し、そのURLを直接貼り付けます。短縮リンク(maps.app.goo.gl/...)もそのまま使われるため利用できます。
  2. 緯度/経度(設定されていて両方が0以外かつ有効な範囲内の場合) — maps.google.com/?q=lat,lngのリンクで正確な地点を指定します。
  3. プレーンな住所テキスト(最後の手段として) — MailInAppがサーバー側で何かを行うのではなく、Googleマップ自身のクエリ解決によってジオコーディングされるため、新しい住所や曖昧な住所ではずれることがあります。

3つのいずれも設定されていない場合、ルート案内リンクは一切レンダリングされません — ブロックは、どこにも行かないリンクを表示するのではなく、入力済みの会場名と写真だけを表示します。住所を空欄にしたまま、マップのリンクや座標だけを設定した場合でも、住所テキストを表示せずに機能するルート案内リンクが生成されます。

写真は、設定されている場合、画像ブロックと同じプレーンな<img>の形で、名前と住所の上に全幅の画像としてレンダリングされます。Outlookを含め、どこでも同じように表示されます — 動画/音声が必要とするような特別なメディア処理はここにはありません。

設定可能なフィールド:

  • 会場名 — 太字テキストで、最初に表示されます。
  • 住所 — 自由記述のテキストで、改行が含まれる場合は複数行でレンダリングされます。
  • Googleマップのリンク(任意、最も正確) — ルート案内リンクにおいて座標や住所より優先されます。
  • 緯度/経度(任意) — マップのリンクが空欄の場合にのみ使われます。
  • 写真URL(任意)。
  • ルート案内ボタンのラベル — 既定は「ルートを表示」です。
  • カード自体の背景色、パディング、ボーダー、ボーダーの角丸。
  • 会場名と住所の色/サイズ、そしてルート案内ボタンの色/背景色の上書き。

例

Subject

See you there: our fall meetup

対面カンファレンスの招待では、会場をカレンダーに追加と組み合わせることで、参加者が「どこで」と「自分のカレンダーへの登録」の両方を1つのメールで得られます。「イベント」のプロジェクト用途は、この組み合わせがすでに用意された状態で新規プロジェクトを開始します — イベントとウェビナーを参照してください。スポーツクラブは試合日のメールで、会場をホームグラウンドの住所に設定し、それを週ごとに変更せずに再利用しながら、最新の順位表と組み合わせて送信します — スポーツチームとクラブを参照してください。ハイブリッドイベントでは、会場をミーティングリンクブロックの隣に配置することで、対面参加者とリモート参加者それぞれが自分に関係のあるコントロールを目にできます。2種類の別々のメールを送る必要はありません。

静的フォールバックの見え方

<div style="margin:12px 0;background-color:transparent">
  <img src="https://cdn.example.com/venue-photo.jpg" alt="Riverside Hall"
       style="width:100%;max-width:100%;border-radius:6px;display:block;margin-bottom:10px" />
  <p style="margin:0 0 4px;font-weight:600;font-size:16px;color:#111827">Riverside Hall</p>
  <p style="margin:0 0 10px;font-size:14px;color:#4b5563">400 Harbor Way, Portland, OR</p>
  <a href="https://maps.google.com/?q=400%20Harbor%20Way%2C%20Portland%2C%20OR"
     style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
            border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
    Get Directions
  </a>
</div>

これがブロックのレンダリング内容の全体です — 写真、名前、住所、そしてプレーンなリンクはすでにすべてのメールクライアントで同じように表示されるため、別のフォールバックティアはありません。

関連ページ