ポップアップバナー・チャットボットの作り方 grip space

| サイトを作り替えずCVを増やす
grip space
  • 資料請求
  • オンライン相談
  • フリープランを試す
  • grip spaceとは
  • 活用シーン
  • 機能一覧
  • マーケティングオートメーション(MA)
  • フォーム営業ツール
  • アクセス解析
  • WEB予算・広告管理
  • ポップアップバナー機能
  • チャットボット機能
  • フォーム作成機能
  • SEO管理(自然検索)
  • 料金
  • BPO
  • BtoBフォーム改善 (ホワイトペーパー)
  • サイト訪問者の可視化 (ホワイトペーパー)
  • WordPress制作・構築代行 コーディング代行サービス
  • Instagramウィジェット作成
  • WPプラグイン Grip Contact Form
  • WPプラグイン Grip Popup Banner
  • WPプラグイン Grip Chatbot
  • EC-CUBEプラグイン Grip Contact Form
  • EC-CUBEプラグイン Grip Popup Banner
  • EC-CUBEプラグイン Grip Chatbot
  • EC-CUBEプラグイン ページ毎おすすめ商品管理
  • マーケティングコラム
  • フリープラン申し込み受付中
  • grip space DB
会社概要利用規約個人情報保護方針個人情報に関する公表文販売パートナー募集お問い合わせマニュアル
  • grip spaceとは
  • 活用シーン
  • 機能一覧
  • マーケティングオートメーション(MA)
  • フォーム営業ツール
  • アクセス解析
  • WEB予算・広告管理
  • ポップアップバナー機能
  • チャットボット機能
  • フォーム作成機能
  • SEO管理(自然検索)
  • 料金
  • BPO
  • BtoBフォーム改善 (ホワイトペーパー)
  • サイト訪問者の可視化 (ホワイトペーパー)
  • WordPress制作・構築代行 コーディング代行サービス
  • Instagramウィジェット作成
  • WPプラグイン Grip Contact Form
  • WPプラグイン Grip Popup Banner
  • WPプラグイン Grip Chatbot
  • EC-CUBEプラグイン Grip Contact Form
  • EC-CUBEプラグイン Grip Popup Banner
  • EC-CUBEプラグイン Grip Chatbot
  • EC-CUBEプラグイン ページ毎おすすめ商品管理
  • マーケティングコラム
  • フリープラン申し込み受付中
  • grip space DB
資料請求オンライン相談フリープランを試す
  • 会社概要
  • 利用規約
  • 個人情報保護方針
  • 個人情報に関する公表文
  • 販売パートナー募集
  • お問い合わせ
  • マニュアル
© 2026 ibis studio K.K.

スタータープランマニュアルスタータープランマニュアル4. バナーとチャットボット

マーケティングオートメーションツール grip spaceマニュアルスタータープランマニュアル4. バナーとチャットボット
目次 目次
  • はじめに
    • フリープランとの違い
    • 画面の構成
    • 使い方の流れ
  • 1. 会社管理(CRM)
    • 会社の登録(自動 / 手動 / CSV)
    • 一覧の見方
    • 条件で会社を絞り込む
    • ABM リスト
    • 会社詳細の 5 タブ
  • 2. コンタクト管理
    • コンタクトとは
    • 一覧の見方
    • スコアとフォロー対象
    • コンタクト詳細
    • 情報を編集する
    • 会社との紐付け
  • 3. 受信メール取込み
    • 自動転送先アドレス
    • 自社ドメインの登録
    • 受信箱の使い方
    • 会社・コンタクトへの紐付け
  • 4. バナーとチャットボット
    • 施策設定のタブ
    • バナーを作る
    • チャットボットを作る
    • 表示条件(ターゲティング)
    • 効果を確認する
    • KPI 設定
  • 5. 追加された設定
    • サブアカウント設定
    • メールテンプレート設定
    • フォームは 3 つまで
  • 6. 使い方と次の一手
    • よくある使い方
    • 困ったときは
    • スタンダードで増える機能
  • フリープランマニュアル
  • スタンダードプランマニュアル
  • マニュアルトップ

サイトを作り替えずに、 追加のコンテンツを出せる機能です。 「資料請求のバナーを出す」「チャット形式で用件を聞く」といった施策を、 grip 側の設定だけで実現できます。

  • 施策設定のタブ
  • バナーを作る
  • チャットボットを作る
  • 表示条件(ターゲティング)
  • 効果を確認する
  • KPI 設定

1. 施策設定のタブ

左メニュー「マーケティング戦略」>「施策設定」タブを開きます。 スタータープランでは次の 4 つが表示されます。

タブ内容フリーとの差
KPI 設定施策ごとの月次目標を決めて達成状況を確認します(6 章)新しく表示
バナーポップアップバナー・チャットボットを作ります新しく表示
InstagramウィジェットInstagram の投稿を埋め込みます個数制限が無くなる
サイト内検索検索窓を設置します300 ページまで

※ Instagramウィジェットとサイト内検索の操作方法はフリープランと同じです。 フリープランマニュアルの施策設定をご覧ください。

※ ランディングページと HTML メールのタブはスタンダードプラン以上で表示されます。

2. バナーを作る

「バナー」タブを開くとバナー一覧が表示されます。 右上の「バナーを追加」から作成します。 テンプレートを選んで中身を差し替えるのが基本の流れです。

手順内容
1. テンプレートを選ぶ用途に近いひな形を選びます。 白紙から作ることもできます
2. 中身を編集する画像・文言・ボタンの色やリンク先を、 プレビューを見ながら差し替えます
3. 表示条件を決める誰に・どのタイミングで出すかを設定します(4 章)
4. 公開する公開すると、 計測タグを入れているサイトに自動で表示されます

編集画面でできること

バナーの中身は、 画面上で要素を動かしながら作れます。 HTML や CSS の知識は不要です。

できること内容
画像の差し替えアップロードするか、 画像ライブラリから選びます
文字の編集書体・サイズ・太さ・色・行間・余白を指定できます
ボタン文言・色・角の丸み・リンク先を設定します
背景と装飾背景色・グラデーション・影・角丸・オーバーレイ
サイズと位置画面のどこに出すか(中央・下部など)と大きさ
閉じるボタン表示するかどうか、 見た目を設定します
PC / スマホの切り替えそれぞれの見え方を確認しながら調整できます

カウントダウンとフォーム

バナーの中にカウントダウンを置けます。 「締切まであと ◯ 日」と出すことで、 検討を後押しできます。 終了日時を指定するだけです。

また、 バナーの中に入力フォームを組み込むこともできます。 名前・メールアドレス・電話番号・会社名・会社 URL などの項目を選んで並べられ、 ページを移動させずにその場で問い合わせを受け取れます。 個人情報の同意文の表示にも対応しています。

※ バナー用のタグを別途貼る必要はありません。 すでに設置してある計測タグがそのまま表示にも使われます。

※ スタータープランで公開できるポップアップバナーは 1 つまでです。 別のものを出したい場合は、 いま公開しているバナーを下書きに戻してください。

3. チャットボットを作る

チャットボットは独立したタブではなく、 バナーのテンプレート種別として用意されています。 バナーの新規作成でチャットボット型のテンプレートを選んでください。

会話形式で選択肢を出し、 訪問者の用件を絞り込んでから問い合わせに繋げます。 いきなりフォームを出すより心理的な負担が小さいため、 フォームの手前の一段として使うと効果的です。

会話の組み立て方

質問と選択肢を並べていくだけで会話が作れます。 選んだ答えによって次の質問を変えられるので、 用件ごとに案内を分けられます。

「どのようなご用件ですか?」
   ├─ 料金について  → 料金ページを案内 → 見積依頼フォーム
   ├─ 導入事例を見たい → 事例ページを案内
   └─ その他       → 問い合わせフォーム

最後に入力フォームを置いて、 名前やメールアドレスを受け取ります。 ここで送信された内容はコンタクトとして記録されます。

効果の見方

チャットボットは、 バナーとは見る数字が異なります。

指標意味
起動数チャットが開かれた回数
回答数 / 回答率質問に答えてくれた数と割合。 途中で離脱していないかが分かります
CV 数 / CV 率個人情報を送信してくれた数と割合

起動はされているのに回答率が低いなら、 最初の質問が分かりにくいか、 選択肢が的外れです。 回答率は高いのに CV に至らないなら、 最後のフォームで入力項目が多すぎる可能性があります。

※ スタータープランで公開できるチャットボットは 1 つまでです。

4. 表示条件(ターゲティング)

「誰に・どこで・いつ出すか」を絞り込めます。 全員に同じものを出さないのがバナーを効かせるコツです。

誰に出すか

条件使いどころ
対象者(業界)組織アクセスで判定できた企業の業界で出し分けます。 業界別に訴求を変えるときに使います
対象者(都道府県)営業エリアを絞っている場合に有効です
組織(会社)からのアクセス企業として判定できた訪問だけに出します。 個人の閲覧を除外できます

いつ出すか(トリガー)

訪問者の行動をきっかけに表示できます。 ページを開いた瞬間に出すより、 読み進めた人に出すほうが嫌がられません。

きっかけ設定内容
スクロールページの ◯ %まで読んだら表示します
滞在時間そのページに ◯ 秒とどまったら表示します
訪問回数「◯ 日以内に ◯ 回目の訪問」で出します。 検討が進んだ人に絞れます
久しぶりの訪問「◯ 日ぶり以上の訪問」で出します。 復帰した人への再訴求に使います
表示するページURL で指定します。 前方一致も選べるので、 特定の階層まとめて指定できます

条件は組み合わせられます。 「料金ページを 50% までスクロールした、 3 回目以降の訪問者」といった絞り込みができます。

表示期間

開始日と終了日を決められます。 キャンペーンや期間限定の告知は、 終了日を入れておけば消し忘れを防げます。

5. 効果を確認する

バナー一覧の各カードに、 その施策の数字がそのまま出ています。

指標見方
表示回数何回出たか
クリック数何回押されたか
クリック率押された割合。 ここが判断の中心です

推移のグラフも表示されるので、 いつから数字が落ちたかが分かります。

表示されているのに押されないなら、 文言・デザイン・出す場所を見直します。 押されているのに問い合わせに至らないなら、 リンク先のページに問題があります。

※ 誤って消してしまわないよう、 カードにはロックを掛けられます。 ロック中は削除できません。

6. KPI 設定

施策ごとの月次の目標を決めて、 達成状況を確認する画面です。 「バナーを出した」で終わらせず、 目標に対して足りているかで判断するための機能です。

KPI という単位

目標は施策そのものではなく「KPI」という枠に対して設定します。 作った KPI に、 実際のバナーやチャットボットを紐付ける形です。

この作りにしているのは、 月の途中で施策を差し替えても数字が途切れないようにするためです。 「採用募集バナー」という KPI に、 A 案・B 案を順に紐付ければ、 その月の累計として通して見られます。

作り方

手順内容
1. 「+ KPI を設定」を押す画面右上にあります
2. KPI 名を決める「採用 募集中バナー」「FAQ bot」など、 目的が分かる名前にします
3. 種別を選ぶバナー / チャットbot から選びます(HTML メールと LP はスタンダードプランの機能です)。 作成後は変更できません
4. 月次目標を入れる種別によって入力欄が変わります(下記)
5. 施策を紐付ける作成済みのバナーやチャットボットを選びます。 複数まとめて紐付けられます

設定できる目標

種別目標項目
バナークリック率(%)
チャットbot質問に答えた率(%) / 個人情報送信 件数 / 個人情報送信 率(%)

件数ではなく率を中心にしているのは、 サイトの訪問数が月によって変わるためです。 訪問が少ない月でも、 率で見れば施策そのものの良し悪しを判断できます。

達成状況の見方

KPI ごとに、 紐付けた施策の数字が並びます。 表示される項目は種別によって変わります。

種別並ぶ数字
バナー表示数 / クリック数 / クリック率
チャットbot起動数 / 回答数 / 回答率 / CV 数 / CV 率

目標に対して達成していれば緑、 未達なら赤で表示されます。 ひと目で手をつけるべき施策が分かります。

画面上部の「集計期間」で月を切り替えられます。 先月と比べて判断してください。

※ 数字はクリックすると該当するコンタクトの一覧が開きます。 「誰が反応したか」まで辿れます。

※ KPI は並べ替えできます。 重視しているものを上に置いてください。

マーケティング活動を、
ひとつに統合するプラットフォーム

分散していたマーケティング施策を、横断的に管理・最適化。
戦略設計からCV改善まで、一気通貫で運用できます。
ご質問・ご不明点は、お気軽にご相談ください。

資料請求を申し込むフリープランを試す