メインコンテンツにスキップ

ポップアップ配信の設定方法

ご注意：ウェブプッシュ通知機能の設定を始める前に、まずポップアップを表示させたいキャンペーンを作成しておくことをおすすめします！

1. プロモーション画面へ移動

2. ポップアップ配信を作成

右上の【作成】をクリック

ご注意：作成自体は可能ですが、プレビューや公開を行うには、事前にプラグインのコードをサイトに設置しておく必要があります。まだ設定がお済みでない場合はこちらをご参照ください：ウェブプッシュ通知コードをサイトに設置する方法

設定したいスタイルを選択

3. メッセージ設定

作成後に編集画面へ入ると、メッセージ設定ウィンドウが表示されます

  1. メッセージ名を設定

    この名称は識別・管理にのみ使用されます。（フロントエンドには表示されません。）

  2. メッセージタイプを選択（3択）

    • キャンペーン
      動作：ポップアップをクリックすると指定のキャンペーンへ遷移

      事前に作成したキャンペーンを選択し、確認後、【確定】をクリックすれば設定が完了します。
      ​

    • シリアルコードを送信
      動作：ポップアップをクリックすると指定のキャンペーンへ遷移（参加資格はポップアップを見た人のみに限定されます）
      ​

      事前に作成したシリアルコードで参加できるキャンペーンを選択し、確認後【確定】をクリックすれば設定完了です。

【補足説明】

シリアルコードキャンペーンとは？

キャンペーンの参加資格→参加資格制限→シリアルコードによる制限をオンにすると、コードを取得した人のみが参加可能になります。シリアルコードは【手動で自分で発行・配布】【ポップアップ配信経由で配布】【オフラインイベントアシスタントでQRコードを生成し顧客にスキャンしてもらう】の3種類の方法でご利用いただけます。


​


​

  • ウェブページ
    動作：ポップアップをクリックすると指定のURL（任意のURL）へ遷移

    遷移先のURL（プロモーションページ、特定の記事ページ、口座開設ページなど）を設定し、確認後【確定】をクリックすれば設定完了です。

4. ウェブプッシュ通知エディターについて

1. ポップアップ配信情報

ポップアップ配信名（変更可能）、公開状態、スケジュールの表示（スケジュール設定については下記の【設定】の説明をご参照ください）
​

2. プラグインの内容

【アイコン型プラグイン】

画像を変更

2種類のアップロード方法に対応：

  1. 画像ファイルを直接アップロード

  2. 画像URLを入力してアップロード

画像形式：縦横比は問いませんが300px以上、サイズは3MB以内、PNG形式

代替テキスト

訪問者が画像を正しく表示できない場合、【代替テキスト】の内容が表示されます。「参加はこちら」「今すぐ抽選」など、行動を促す文言の設定をおすすめします

サイズ変更

画像の表示サイズを直接調整できます。

（幅を調整すれば高さは自動調整されます）

どのくらいのサイズが適切ですか？

スマートフォンを基準に評価することをおすすめします。一般的な640pxの画面幅に対して、このプラグインをどのくらいの比率で表示させたいかを検討してください。1/6程度であれば、100px前後が目安です

3. スタイル

スタイル設定でプラグインの表示スタイルを調整できます

1. 閉じるボタン

プラグイン右上の 🅧 閉じるボタンの設定

コツ：閉じるボタンを表示したくない場合は、透明色に設定してください。

または

テキストを選択するとポップアップ下に”ウィンドウを閉じる”を表示できます。

直接テキストをクリックすれば色や文言の編集が可能です。
​

2. 背景

背景色設定または画像をアップロードができます

例：


​3. 角丸

アップロードした画像の角を切り抜くことができます


​4. 表示位置

画面上でのこのプラグインの表示位置


​5. 余白

表示位置を選んだ後、余白でさらに位置を微調整できます


​6. アニメーション効果

アニメーション効果及び再生時間を設定できます

4. 設定

設定では、このプラグインに関する条件（表示タイミング、クリック動作、スケジュールなど）を調整できます

設定項目

説明

設定オプションと内容

メッセージタイプ

メッセージタイプの変更や設定内容の調整

3つから1つ選んだ後、対応する内容を設定できます。

詳細はメッセージタイプの説明をご参照ください

クリック時の動作

訪問者がプラグインを見てクリックした際の動作設定

  1. ポップアップを開く：
    元のページから離れることなく、そのまま小さなウィンドウが開き、その中に遷移先URL／キャンペーンページが表示されます（小ウィンドウ内で閲覧・参加まで完結可能）。閉じた後は、元々プラグインを見ていたページに戻ります。

  2. 新しいウィンドウで開く：
    ブラウザの新しいタブで遷移先URL／キャンペーンページを開きます。

  3. 同じページで開く
    ウェブページを直接、遷移先URL／キャンペーンページへ切り替えます（同じタブ内で元のページが切り替わります）

クリック時間制限

プラグインがクリック可能になるまでの時間、消えるまでの時間を設定できます。

指定された秒数以内に行動：訪問者は指定した秒数以内にポップアップをクリックする必要があります。カウントダウンが終了するとポプアップは消えてしまいます。

指定された秒数のページ滞在を強制：

訪問者はページ到着と同時にプラグインは確認できますが、指定秒数が経たないとクリックできない、という設定です。

スケジュール指定

このプラグインをいつから稼働させるか（サイト上での実施時期）を設定

メッセージの表示ページ（対象URL）

このプラグインをどのウェブページURLで表示するかを指定

  1. すべてのページ
    プラグインコードが設置されたすべてのページ。サイト全体で表示したい場合は、この方式での設定をおすすめします。

    除外ページをオンにして特定のページ（注文確認ページや会計ページのURLなど）を除外することも可能です
    ​

    キーワード設定：URLを指定することも、URL内の特定のキーワードを設定することも可能です。
    ​

  2. 一部のページ

    特定のページのみでこのプラグインを表示させます。例えば、セール期間のランディングページのみでルーレットプラグインを表示したい、あるいは特定の記事ページのみでクイズプラグインを表示したい、といった場合はこちらの方式をおすすめします。除外ページをオンにして特定のページ（注文確認ページや会計ページのURLなど）を除外することも可能です。
    ​

    キーワード設定：URLを指定することも、URL内の特定のキーワードを設定することも可能です
    ​

  3. 指定ミッション閲覧ページ（マルチミッションモジュールと組み合わせて使用）
    マルチミッション内の指定ミッションから、指定のURLへ遷移してきた訪問者にのみ（マルチミッション－カスタムクリック動作の設定と組み合わせる必要があります）このプラグインが表示されます。

    この方式で設定する際は、紐づけたいマルチミッションキャンペーンと、その中のどのタスクかを直接選択できます。システムは自動的に、そのミッションのステージに設定されたキャンペーンを、このプラグインのクリック後の遷移先URLとして反映します。
    ​【マルチミッションモジュールについて詳しく見る】


    【キャンペーン活用シナリオ例】

    新規会員向けのマルチミッションキャンペーンがあり、その中の1つのミッションが、サイト上の新規会員向けガイド記事を30秒以上読むことだとします。

    この記事自体は公開記事であるため、この記事ページを訪れたすべての人にこのプラグイン（報酬受け取り）を表示させたくない場合があります。訪問者が必ずしも貴社の「新規会員」であるとは限らないためです。

    このような場合は、以下のように設定できます：

    1. マルチミッションモジュールの当該ミッションで、例えばクイズを設定し、参加資格として通過シリアルコードが必須であるよう設定します。

    2. マルチミッションの当該ミッション設定－カスタムクリック動作で、新規会員向けガイド記事のURLを設定します。

    3. プロモーション管理画面でポップアップを作成します

    4. メッセージタイプで通過シリアルコードの発行を選択し、多元タスクの当該ステージに紐づけたキャンペーン（クイズモジュール）を選択します。

    5. クリック可能になるまでの遅延時間を30秒に設定します

    6. メッセージの表示位置の設定で【指定ステージ閲覧ページ】を選択し、該当するマルチミッションキャンペーンと同じミッションステージを選択します。

    これにより、マルチミッション経由で来た新規会員が記事ページに30秒以上滞在してはじめてクリックできるようになり、かつこの経路で記事ページに入った人だけがこのプラグインを目にしてクイズモジュールに参加できるよう制限できます

トリガーのタイミング

プラグインを表示するタイミング。

  1. ページ読み込み時
    ページの読み込みが完了すると同時にプラグインの表示を開始します。
    ​

  2. ページにX秒間滞在
    ページの読み込み完了後、X秒経ってからプラグインの表示を開始します

3.ページを離れとき

表示頻度

訪問者がプラグインを目にする頻度。訪問回数の判定にはブラウザのCookieを使用します。

  1. 訪問のたび

  2. 1日1回

  3. 1回のみ表示

5. プラグインをプレビュー

プレビュー方法は2通りあります

  1. エディター内でプレビュー
    編集中は、エディター自体にプレビュー機能が用意されており、スマートフォン版・ウェブ版の2つの表示モードを切り替えられます。

  2. 実際のサイト上でプレビュー
    【プレビュー】ボタンを押すと、貴社サイトのURL（例：トップページのURL）を入力できます。入力後プレビューボタンで確認すると、設定したURLが自動的に開き、現在設定中のプラグインを確認しながらクリックテストができます。

補足説明：このプレビューモードはシステムが自動生成する専用URLでのみ、設定中のプラグインが表示される仕組みで、正式にサイトへ公開されたことを意味するものではありません。このURLは他の担当者にも共有し、一緒にプレビューしていただくことができます。

6. 公開する

テストで問題がなければ、【公開】ボタンを押してウェブプッシュ通知を稼働させましょう。

スケジュールを設定している場合は、公開後、設定したスケジュールに沿って表示が開始されます。

関連記事
こちらの回答で解決しましたか？