「ポップアップ」について

最終更新日:

2021/11/11のUI刷新 第一弾リリースにてカラースキーム(配色設計)とタイポグラフィ(文字の書体、大きさ、配列のしかたなど)を変更しております。オンラインマニュアルに掲載している画面キャプチャと実際の管理画面の配色や文字の状態が異なる場合がございますがご了承いただけますと幸いでございます。

ポップアップでは、ポップアップの作成やレポートの確認が可能です。

目次

 

ポップアップで可能になること

ポップアップには以下の2種類があります。

  • HTMLパーツ
  • フォーム

複数のコンテンツをひとつのポップアップに登録することで

  • ポップアップを用いたABテスト
  • セグメント(ターゲット)別のポップアップの出し分け

が行えるようになります。

また、それぞれの、表示回数、クリック数、目標到達数等を確認することで効果を計測・比較することが可能です。

※ コンテンツが「フォーム」の場合にはクリック数、クリック率、目標到達数、目標到達率は表示されません。

 

 

ポップアップリストについて

ポップアップメニューをクリックすると、はじめにポップアップリストが表示されます。

__________230524_1.png

ポップアップリスト画面では、登録されているポップアップの一覧を表示し、それぞれのポップアップにおける

  • 登録されているコンテンツの数
  • 表示回数
  • 一人あたり表示回数
  • クリック数
  • クリック率
  • 目標到達数
  • 目標到達率

を確認することができます。

※ 指標は直近7日分の値を表示しています。
※ コンテンツが「フォーム」の場合にはクリック数、クリック率、目標到達数、目標到達率は表示されません。
※ 目標到達数、目標到達率の値の更新は1日1回(AM8:15)となります。それ以外の指標は1時間に1回、値が更新されます。

 

ポップアップの作成

「ポップアップリスト」画面の右上の「+」ボタンから新しいポップアップの作成を行います。

ポップアップの作成は以下の手順で行います。

    1. ポップアップ設定必須
    2. コンテンツの追加必須
    3. 目標の設定(任意)
    4. 設置コードの取得・設置必須

 

1. ポップアップ設定

popup_20241022_002.png

以下それぞれの項目の説明です。

  • 「ポップアップ名」はポップアップの名前を指定します。
  • 表示する場所」はポップアップを表示する場所を指定します。
  • ポップアップさせるタイミング」は以下の種類より選択できます。
    1. 即時(即時にポップアップが表示されます)
    2. スクロール量(指定したピクセルだけスクロールした際にポップアップが表示されます)
    3. スクロールパーセント(指定した%だけスクロールした際にポップアップが表示されます)
    4. 'satori__popup_button' class付きボタン押下時('satori__popup_button' というクラス名の付いたHTML要素をクリックした際にポップアップが表示されます)
    5. 時間(ポップアップが表示されるまでの秒数を指定できます)
    6. 任意のタイミング(SatoriCreative.showWidget(); を実行することにより、ポップアップが表示されます)
  • 閉じるボタンの動作」は以下の種類より選択できます。
    1. 以降表示しない(閉じるボタンを押すと、そのポップアップは表示されなくなります)
    2. 再アクセス時には再度表示(閉じるボタンを押すと最小化され、再度ポップアップを設置したページにアクセスがあった場合には、再度ポップアップが表示されます)
    3. 以降最小化状態で表示(閉じるボタンを押すと最小化され、再度ポップアップを設置したページにアクセスがあった場合には、最小化状態のまま表示されます)

 

2. コンテンツの追加

コンテンツの追加は「ポップアップ設定」画面の「コンテンツの追加」ボタンより行います。

※複数のコンテンツを登録した場合、ターゲット条件を満たすコンテンツが均等な割合で表示されます。順番はランダムに決まります。
※コンテンツの追加をした際に一度、「ポップアップ設定」画面に戻りますが、この時点ではコンテンツ自体の保存が行われていません。「ポップアップ設定」画面の「登録」ボタンを押すことで保存が完了します。

コンテンツの追加の流れは以下となります。

2-1. コンテンツタイプの選択

「フォーム」または「HTMLパーツ」から選択してください

popup_20241022_003.png

2-2. コンテンツ設定

「HTMLパーツ」の設定を例に説明しています。「HTMLパーツ名」を指定し、WYSIWYGエディタを用いて、HTMLを作成します。

「ソースコードを編集」ボタンからソースコードを直接編集することも可能です。

popup_20241022_004.png

「フォームの作成方法」はこちらをご確認ください。

2-3. プレビュー・CSS設定

CSSを変更することで、好きなデザインに変更することができます。

※プレビューページとは「管理画面上で作成したポップアップを外部のCSS等影響を受けていない状態のプレビュー」になります。場合によってはポップアップの設置ページに設定しているCSSやJavaScriptの影響を受ける可能性もございますので、テストの上調整をお願いいたします。

popup_20241022_005.png

2-4. ターゲット設定

設定されているセグメントが表示されるため、このポップアップを表示したいセグメントを選択してください。

ターゲットを指定しない場合は「全てのカスタマーを対象にする」ボタンを押してください。

popup_20241022_006.png

 

3. 目標の設定

目標の設定は「ポップアップ設定」画面の目標の「歯車」マークより行います。

※目標を設定することで、ポップアップのコンテンツ毎の目標到達数(目標到達率)を計測できるようになります。
※目標到達数(目標到達率)はコンテンツが「HTMLパーツ」の場合のみ計測可能です。

popup_20241022_007.png

「目標管理」から設定した目標の一覧が表示されるので、このポップアップの目標としたいものを選択してください。

 

4. 設置コードの取得・設置

「ポップアップ設定」画面から「登録」ボタンを押すと「ポップアップ設置コード」が取得できます。「コードをコピーする」ボタンを押すと、設置コードをコピーできます。

popup_20241022_008.png

ポップアップ設置コードをWebサイトに設置する方法は2つあります。いずれかの方法で行ってください。

  • Webサイトに直接設置する場合

ポップアップ設置コードを、ポップアップを表示したいウェブページのbody閉じタグ(</body>)の直前に設置してください。SATORI計測タグを設置されている場合は、SATORI計測タグを誤って削除されないようにご注意ください。

  • GTM(Googleタグマネージャ)を使用して設置する場合

【活用TIPS】 GTMを利用してポップアップ設置コードを設置する方法をご参照の上ご設定ください。
※活用支援サイトはSATORI有料ご契約者様のみご覧いただけます。閲覧方法についてはこちらをご確認ください。

 

レポートの確認

直近7日分の簡易レポートはポップアップリストより確認できますが、各ポップアップに設定されているコンテンツごとのレポートの確認や、期間を指定したレポートの確認は、それぞれのポップアップのアクションボタンから「レポート」をクリックすることで確認できます。

popup_20241022_009.pngpopup_20241022_010.png

レポート画面の上段では、レポート期間を変更することができ、その期間に応じた数値を確認することができます。

またコンテンツのセクションでは、ポップアップの設定したコンテンツ毎のレポートを見ることができ、チェックボックスを選択することで下段のグラフに反映されます。

レポート下段では、選択したコンテンツの合計値の推移をグラフで確認することができます。

また、グラフ右上の「表示回数」「クリック数」「目標到達数」を選択・解除することで、表示する線グラフの種類を変更できます。

 

ポップアップの編集

(1)「ポップアップリスト」画面で、編集したいポップアップの右にある[︙] ボタン > [編集] ボタンをクリックします。

popup_20241028_001.png

(2)「ポップアップ編集」画面が表示されますので、項目を編集し、 [登録] ボタンをクリックします。

popup_20241028_002.png

(3)登録が完了すると「更新しました。」とメッセージが表示されます。

popup_20241028_003.png

 

ポップアップの削除

ポップアップを削除すると、コンテンツとして設定されているフォームやHTMLパーツも削除されますので操作の際はご注意ください。

(1)「ポップアップリスト」画面で、削除したいポップアップの右にある[︙] ボタン > [削除] ボタンをクリックします。

popup_20241028_004.png

(2)「よろしいですか?」とダイアログが表示されますので、「OK」をクリックします。

popup_20241028_005.png

(3)削除が完了すると「削除しました。」とメッセージが表示されます。

popup_20241028_006.png

 

活用支援サイト関連コンテンツ

※活用支援サイトはSATORI有料ご契約者様のみご覧いただけます。閲覧方法についてはこちらをご確認ください。

この記事は役に立ちましたか?

1人中0人がこの記事が役に立ったと言っています