Skip to main content

 

Cisco Meraki Documentation

スプラッシュページのカスタマイズ

このドキュメントは原文を 2025年08月15日付けで翻訳したものです。
最新の情報は原文をご確認ください。

Cisco Meraki の スプラッシュページ(「キャプティブポータル」とも呼ばれます)は、ワイヤレスユーザーにカスタマイズされたブランディング体験を提供できるほか、ユーザー名やパスワードの入力を求めることも可能です。たとえば、スプラッシュページには企業ロゴを表示し、オープンゲストワイヤレスネットワーク用の利用規約やプライバシーポリシーを含めるなど、カスタマイズが可能です。

本記事では、スプラッシュページ有効化後にカスタマイズできる主なオプションについて概要を説明します。

基本的なスプラッシュページのカスタマイズ

カスタムメッセージ/利用条件

カスタムメッセージまたは利用条件を作成するには:

  1. ダッシュボードで、ワイヤレス/セキュリティアプライアンス > 設定 > スプラッシュページに移動します。

  2. ページ上部のSSID/VLANドロップダウンメニューから、目的のSSID/VLANを選択します。

  3. ページの「ページをカスタマイズ」セクションで、エンドユーザー向けの文言をメッセージ欄に入力します。

  4. ページ下部の変更を保存を選択します。

カスタムメッセージはHTMLとして扱われます。そのため、スプラッシュページ上で表示する際は書式やスペースが失われます。特別な書式設定が必要な場合はHTMLで記述してください。

例:改行するには <br/> を挿入します。

スプラッシュページ設定:カスタムコンテンツメッセージ。

カスタム同意メッセージ

Meraki のスプラッシュページでは、管理者がカスタム同意メッセージを作成し、ユーザーがネットワークに接続した際にデータが収集される可能性があることを通知できます。このカスタムスプラッシュページメッセージは、ユーザーが特定のデータ収集サービスのオプトアウトツールにアクセスできる旨を案内する用途にも利用できます。カスタム同意メッセージもHTMLとして扱われます。そのため、スプラッシュページ上で表示する際は書式やスペースが失われます。特別な書式設定が必要な場合はHTMLで記述してください。

スプラッシュページ設定:カスタマイズメッセージ。

管理者はネットワークユーザーに対し、データの収集、処理、保存に関する通知と必要な同意を得る責任があります。個人データの収集と処理に同意を依拠する場合は、適用される法令で定められた同意要件を必ず確認してください。

カスタム同意メッセージを作成するには:

  1. ダッシュボードで、ワイヤレス/セキュリティ & SD-WAN > 設定 > スプラッシュページに移動します。
  2. ページ上部のSSID/VLANドロップダウンメニューから目的のSSID/VLANを選択します。
  3. 利用者の同意セクションで「オン」を選択します。
  4. ネットワーク利用の際に同意が必要なカスタムメッセージを入力します。
  5. ページ下部の「変更内容を保存」を選択します。

このカスタム同意メッセージは優雅 テーマでは利用できず、モダン テーマと組み合わせてご利用ください。

また、「Cisco Identity Services Engine (ISE) 認証」「エンドポイント管理登録」「Facebook Wifi でサインオン」にはこのカスタム同意メッセージは対応していません。これらのスプラッシュタイプでは Meraki でスプラッシュページを表示しないためです。これらの場合、スプラッシュページはサードパーティサービス経由で表示されます。

カスタムロゴ/ブランディング

カスタムロゴをアップロードするには:

  1. ダッシュボードで、ワイヤレス/セキュリティ & SD-WAN > 設定 > スプラッシュページに移動します。

  2. ページ上部のSSID/VLANドロップダウンメニューから目的のSSID/VLANを選択します。

  3. ページの「ページをカスタマイズ」セクション内「Splash ロゴ」からロゴをアップロードを選択します。スプラッシュページ設定:カスタムロゴ。

 

  1. ファイルを選択をクリックします。

  2. 目的のファイルを選択し、開くをクリックします。

  3. ページ下部の変更を保存をクリックします。

 

今後このロゴを変更したい場合はこのロゴを置き換えるを、削除したい場合はこのロゴを削除するを選択してください。ロゴのファイル形式やサイズなどの仕様については「スプラッシュページのロゴ・画像・HTML・CSSファイルについて」をご参照ください。
スプラッシュページ設定:ロゴの置き換え。

言語の変更

スプラッシュページの言語を変更するには、メインのスプラッシュページに関する記事をご覧ください。

課金(有料アクセス)

スプラッシュページとして課金(有料アクセス)が選択されている場合、1a~1cの基本設定のみが可能です。カスタマイズを許可するとネットワークが悪意ある行為にさらされるおそれがあるため、カスタマイズはできません。カスタマイズページが正しく記述されていない場合、不正アクセスや顧客情報の取得につながるリスクがあります。

シンプルな「同意して進む」および「サインオン」スプラッシュページ例

以下は、エンドユーザーがブラウザーで目にするプレビューです:

同意して進むスプラッシュページ:

スプラッシュページ例:同意して進む。

 

Meraki 認証でサインオンするスプラッシュページ:

スプラッシュページ例:サインオン。

スプラッシュ動作 - 表示頻度とURLリダイレクト

スプラッシュの表示頻度およびURLリダイレクトは設定可能です。

スプラッシュ表示頻度の詳細については、ナレッジベース記事をこちらでご確認ください。

 

スプラッシュページ表示後にクライアントを特定のURLへリダイレクトするには、下記のように指定のURLを入力します:

スプラッシュページ設定:表示頻度。

 


高度なスプラッシュページカスタマイズ

Cisco Meraki ダッシュボードでは、基本構成を超えてページを柔軟にカスタマイズできる多くの機能が用意されています。以下に、これらのオプションとさらに詳しい内容を解説したナレッジベース記事を紹介します。

カスタムテーマ

スプラッシュページには、外観を決定する公式テーマが3種類用意されています:

スプラッシュページ設定:カスタムテーマ。
 

ウェブサイトを作成するのと同様に、スプラッシュページは公式テーマ以外にもテーマをさらにカスタマイズすることができます。詳細はカスタムテーマに関するドキュメントをご参照ください。

カスタムスプラッシュURL

スプラッシュページは外部ホスティングされたキャプティブポータルでも利用可能です。これらの設定をSSIDで行う方法は、KB記事こちらでご確認ください。

クラウドとの通信を許可するためのデータフローおよび必要なネットワーク設定の詳細は、関連ホワイトペーパーをご参照ください。

許可されているHTMLタグおよび属性

Cisco Meraki ダッシュボードでは、カスタムスプラッシュページテーマで以下のHTMLタグおよび属性のみが許可されています:

タグ:

a, abbr, b, bdo, big, blockquote, body, br, caption, center, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, form, figcaption, figure, font, h1, h2, h3, h4, h5, h6, head, hgroup, hr, html, i, img, input, ins, kbd, label, li, link, mark, meta, ol, p, pre, q, rp, rt, ruby, s, samp, small, span, strike, strong, style, sub, sup, table, tbody, td, tfoot, th, thead, time, title, tr, u, ul, var, wbr

全タグで許可されている属性:

class, dir, id, lang, name, style, title

特定タグのみで許可されている属性:

  • a - href, target(すべてのURLは https:// で始めてください。それ以外では URL が動作しない場合があります)
  • blockquote - cite
  • col - span, width
  • colgroup - span, width
  • del - cite, datetime
  • font - color, face, size
  • form - method, action
  • h1,h2,h3,h4,h5,h6 - align
  • hr - align, noshade, size, width
  • html - xmlns
  • img - align, alt, height, src, width
  • input - type, value, name, width
  • ins - cite, datetime
  • label - for
  • link - href, media, rel, type, charset
  • meta - name, content
  • ol - start, reversed, type
  • p - align
  • q - cite
  • style - type, media, dir, lang, title
  • table - border, cellspacing, cellpadding, summary, width
  • td - abbr, align, axis, colspan, rowspan, scope, valign, width
  • th - abbr, axis, colspan, rowspan, scope, width
  • time - datetime, pubdate
  • ul - type