---
title: 接客タイプの設定
description: 接客タイプとバナーをクリックした後の挙動を設定します。
---

[コンテンツまでスキップ](https://support.materialdigital.jp/manual/scenario-popup-setting#main-content)

日本語

翻訳のサブメニューを表示

[お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja)

![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png)

メインナビゲーションを開く

メインナビゲーションを閉じる

- 日本語
  
  翻訳のサブメニューを表示
- [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new)
- [サービスサイトへ](https://materialdigital.jp/)

[サービスサイトへ](https://materialdigital.jp/)

 お困りのことは何でしょうか？

- 検索フィールドが空なので、候補はありません。

1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja)
2. [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja)
3. [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA)

# 接客タイプの設定

## 接客タイプとバナーをクリックした後の挙動を設定します。

1. [バナーのみ](https://support.materialdigital.jp/manual/scenario-popup-setting#banner)
2. [バナー+](https://support.materialdigital.jp/manual/scenario-popup-setting#popup)[ポップアップ](https://support.materialdigital.jp/manual/scenario-popup-setting#popup)
3. [ポップアップのみ](https://support.materialdigital.jp/manual/scenario-popup-setting#only_popup)
4. [チャットボット](https://support.materialdigital.jp/manual/scenario-popup-setting#chatbot)
5. [有人チャット](https://support.materialdigital.jp/manual/scenario-popup-setting#yujin)

### 1. バナーのみ

バナー表示のみで完結させたい場合に選択します。

![バナーのみ](https://support.materialdigital.jp/hs-fs/hubfs/Type02.png?width=546&height=163&name=Type02.png)

- **リンク先URL**  
  リンク先URLを設定することによって任意のページに誘導することが可能です。
- **バナーをクリックしたらバナーを消す**  
  チェックを入れた場合は、再度条件がマッチした際はバナーが表示されます。  
  なお、チャットボットや有人チャットを選択した場合は、バナークリックにより無条件でチャットウィンドウが開きますので、この設定は表示されません。

### 2. バナー+ポップアップ

バナークリックで画面中央部分にポップアップを表示することが可能です。  
ポップアップの設定では、画像・エディタ・HTMLの3つを使い分け、多彩なデザインのポップアップを作成することが可能です。

![バナー+ポップアップ](https://support.materialdigital.jp/hs-fs/hubfs/bannerpopup02.png?width=546&height=134&name=bannerpopup02.png)

#### ポップアップの種類

- **画像**  
  画像をポップアップとして表示させます。  
  **モバイル端末では画面幅の80%、PCでは横幅450ピクセルが最大サイズ**になります。  
  これを超えるサイズの画像をアップロードすることは可能ですが、原寸で表示されないためご注意ください。

| **項目名** | **説明** |
| --- | --- |
| 画像アップロード | 「＋画像ファイルを追加」ボタンをクリックするとファイルの選択ウインドウが開きます。 使用したいファイルがあるフォルダに移動して、対象のファイルを選択します。 ![画像ファイルを追加](https://support.materialdigital.jp/hs-fs/hubfs/%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89-1.png?width=480&height=249&name=%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89-1.png) - **使用できるファイル形式** png・gif・jpg（アニメーションGIFも可） - **アップロード可能なファイルサイズ** 1MB未満 ※1MBを超えた場合はエラーとなりますので、縮小するか加工し直してアップロードしてください。 - **推奨サイズ** 500KB未満 **※500KBを超えるような大きなファイルサイズ**（表示サイズではありません。）の画像ファイルをアップロードすると、実際のシナリオ適用時にバナーが表示されるまでに**時間がかかり、ユーザー体験を損ねる**ことになります。ファイルをアップロードする場合は適したサイズのものを選んでください。 |
| ポップアップ全体に リンクを設定する | 画像にはリンクを設定することが可能です。 URLを入力すると、表示された画像をクリックした時に遷移するページを指定することが可能です。 |
| 自動でポップアップを ひらく | **■ 1回のみ** シナリオが適用されてバナーが表示された時、ユーザー単位で**初回のみ**HTML・画像を自動でポップアップ表示します。 ユーザーがバナーをクリックして表示する挙動を自動で行うことになるため、クリックが計測されます。 **2回目以降条件にマッチした場合は、自動でポップアップが表示されません。 ![自動でポップアップをひらく\_1回のみ](https://support.materialdigital.jp/hs-fs/hubfs/creative.png?width=390&height=256&name=creative.png) ※注意事項** 検索エンジンにインターステイシャル広告として認識され、検索順位への影響が出る可能性がありますのでご注意ください。 また、Google社ではリンク先の要件に関するポリシーに記載があり、広告掲載へ影響を及ぼす可能性があります。 **弊社では本機能の使用の乱用は推奨しておりません。** |
| **■ n時間にn回** 指定した期間内に自動ポップアップを表示させる回数を指定します。 画像の例では2時間に3回まで自動ポップアップ表示される設定となります。 ![自動でポップアップでひらく\_詳細設定](https://support.materialdigital.jp/hs-fs/hubfs/creative2.png?width=373&height=242&name=creative2.png) **※注意事項** 検索エンジンにインターステイシャル広告として認識され、検索順位への影響が出る可能性がありますのでご注意ください。また、Google社ではリンク先の要件に関するポリシーに記載があり、広告掲載へ影響を及ぼす可能性があります。 **弊社では本機能の使用を推奨しておりません。** |  |
| 閉じるボタンの外観 | 閉じるボタンの見た目を変更することが可能です。 カスタムを選択するとサイズ・色・位置を変更することもできます。 詳しくはマニュアル「[閉じるボタンのカスタマイズ方法](https://support.materialdigital.jp/manual/closebutton_editor?hsLang=ja)」をご確認ください。 |

 

**大きな画像をアップロードしても小さく表示される場合**

ポップアップに設定された画像の表示サイズは下記の通りとなっております。

| **機種** | **画面サイズ条件** | **表示されるサイズ上限** |
| --- | --- | --- |
| モバイル | 横幅414px以下 | 横：**画面横幅の80%** ×縦：横を基準に縦横比維持 |
| PC | 横幅414px超 | 横：**450px** × 縦：横を基準に縦横比維持 |

例）画像サイズ（1280 × 640）の画像をアップロードした場合にはそれぞれ以下のサイズで表示されます。

- モバイル（画面サイズ320×568）→　横幅256ピクセル
- モバイル（画面サイズ414×736）→　横幅331ピクセル
- PC　　　　　　　　　　　　　　→　横幅450ピクセル

- **エディタ**  
  直感的な操作でバナーが作成できるエディタです。  
  ドラッグ&ドロップと簡単な操作だけで要素を組み立てられるのでHTMLの知識が必要ありません。  
  クリエイティブエディタの詳細については[クリエイティブエディタ](https://support.materialdigital.jp/manual/button_setting_creative_editor?hsLang=ja)のマニュアルをご確認ください。  
    - **エディタを開く**  
      要素やブロック等をドラッグ＆ドロップでセットすることができ、簡単にバナーを作成することが可能です。
    - **テンプレートを選ぶ**  
      あらかじめ用意されたテンプレートを使用し、バナーを作成することが可能です。  
      使用する場合は「HTMLバナーテンプレート選択」をクリックして、サブウィンドウを開きます。  
      テンプレートが表示されますので、お好みのテンプレートを選択してください。  
      選択後は画面右上にある「決定」ボタンを押すと、HTML入力欄にテンプレートを構成しているHTMLコードが挿入されます。  
      「エディタを開く」ボタンをクリックし、挿入されたコード内の画像・リンク先・バナーの色などを編集することが可能です。
      
      ![テンプレート選択](https://support.materialdigital.jp/hs-fs/hubfs/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%81%B8%E6%8A%9E.png?width=520&height=290&name=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%81%B8%E6%8A%9E.png)

- **HTML**  
  HTMLを直接エディタに記載して、バナーを設定することが可能です。  
  ※HTMLの知識が必要です。

### 3. ポップアップのみ

バナーを表示させずにポップアップのみを表示させることが可能です。  
「ポップアップのみ」で設定されているシナリオがターゲティングされるとポップアップが自動で起動し表示されます。

![ポップアップのみ](https://support.materialdigital.jp/hs-fs/hubfs/popuponly01.png?width=459&height=299&name=popuponly01.png)

**配信時の挙動とレポートの数値について**

- 自動ポップアップが起動します。  
  ※ポップアップを閉じた場合、バナーは表示されません。
- レポート上では「クリック」と「自動ポップアップ回数」としてカウントされます。

### 4. チャットボット

バナーをクリックした後に、チャットボットの画面を立ち上げることが可能です。  
タイプを選択すると、チャットボットを選択するプルダウンが表示されます。

CrossTalkのオプション契約をされている場合にご利用いただけます。  
チャットボットの詳細については[Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja)のマニュアルをご確認ください。

![チャットボット](https://support.materialdigital.jp/hs-fs/hubfs/chatbot02.png?width=515&height=169&name=chatbot02.png)

### 5. 有人チャット

バナーをクリックした後に、チャット画面を立ち上げることが可能です。

有人チャットの契約をしている場合にご利用いただけます。  
有人チャットの詳細については[有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)のマニュアルをご確認ください。

![有人チャット](https://support.materialdigital.jp/hs-fs/hubfs/yujinchat.png?width=688&height=114&name=yujinchat.png)

 

- [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content)

    - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89)
    - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE)
- [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content)

    - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA)
    - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A)
    - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98)
    - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86)
    - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A)
    - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD)
    - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD)
- [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content)

    - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)
    - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5)
    - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA)
    - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97)
- [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content)

    - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89)
- [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja)
- [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content)

    - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1)
    - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3)

[![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/)

Copyright © Flipdesk Inc.

Copyright © 2026, 株式会社マテリアルデジタル