2021/11/11のUI刷新 第一弾リリースにてカラースキーム(配色設計)とタイポグラフィ(文字の書体、大きさ、配列のしかたなど)を変更しております。オンラインマニュアルに掲載している画面キャプチャと実際の管理画面の配色や文字の状態が異なる場合がございますがご了承いただけますと幸いでございます。
オプトイン (通知の許可) を獲得できたカスタマーのブラウザに直接メッセージを届けることができる機能です。
プッシュ通知 (WEBプッシュ) の送信手順は、こちらをご参照ください。
※プッシュ通知登録のご依頼は有料契約者様のみ受け付けております。
目次
プッシュ通知 (WEBプッシュ) とは
オプトイン (通知の許可) を獲得できたカスタマーのブラウザに直接メッセージを届けることができる機能です。
サイト訪問者からオプトイン (通知の許可) を獲得することで、訪問者が自社サイトを訪れていなくても、ブラウザが開かれている状態であれば、ブラウザにメッセージを送信できます。
※メッセージを通知するターゲット (カスタマー) をセグメント単位で指定することも可能です。
※サイト訪問者は、WEBサイトに表示されるオプトインダイアログで「許可」をクリックするだけで、簡単にオプトインができます。
※「SATORI」のプッシュ通知はWEBブラウザ専用で、アプリに対応していません。
例）プッシュ通知 (WEBプッシュ) イメージ
WindowsのChromeでSATORI社のサイト閲覧中に、オプトインしているグルメに関する
サイトからのプッシュ通知 (WEBプッシュ) が表示
事前に必要な設定
プッシュ通知 (WEBプッシュ) サイト登録
プッシュ通知 (WEBプッシュ) の通知許可を出したいサイトドメインの登録が必要です。
※複数サイトでプッシュ通知をご利用になりたい場合は、それぞれのサイトの登録が必要です。
以下の手順でSATORIサポートセンターへご連絡ください。
(1) オンラインヘルプページの画面右上の「お問い合わせ」をクリックしてください。
※お問い合せ内容 (リクエスト) を送信するには、サインインが必要です。
サインインの方法はこちらをご参照ください。
(2) 以下のように、各設問に入力の上「送信」をクリックしてください。
- 「以下の中から該当する問題を選択してください」を選択すると、設問が表示されます。
- 「ユーザーサポートコード」は、SATORI管理画面右上の「？」アイコン ＞ ユーザーサポート用コード より確認できます。
- 「対象の企業ID」は、SATORI管理画面右上の人形アイコン ＞ 所属企業・組織 ＞ ID よりご確認できます。
- 複数サイトでの登録をご希望の場合は、サイト名および登録サイトURLを、それぞれのサイトごとに指定してください。
※HTTPSサイトのみ登録が可能です。HTTPサイトでは登録できませんので、あらかじめWEBサイトの確認をお願いいたします。
※既に依頼済みのサイトと同一ドメインの場合は、新たに登録する必要はありません。
※登録サイトURLは、ルートURL (トップページのURL) を指定してください。
正しい記載例：
https://example.com/
誤った記載例 (以下は登録できません)：
http://example.com/ (httpsに対応していないため）
https://example.com/directory001/ (ドメイン以下のディレクトリは指定できません)
https://example.com/directory002/abcde.html (ドメイン以下のディレクトリは指定できません)
設置コードの取得と設定
サポートセンターからプッシュ通知 (WEBプッシュ) サイトの登録完了の連絡を受けましたら、以下の手順を実施してください。
設定が完了すると、そのサイトにアクセスした際に、プッシュ通知のオプトインダイアログが表示されるようになります。
1.設置コード取得画面を表示する
(1) SATORI管理画面右上の人型アイコンより、「所属企業・組織」を選択します。
(2) 右側の [︙] をクリックし「プッシュ通知サイト情報」をクリックします。
(3) プッシュ通知サイトとして登録したリストの右側の [︙] をクリックし「設置コードを取得」をクリックします。
(4) 設置コード取得画面が表示されます。
2.通知サイトに”satori_worker.js”と専用タグを設置する
■Step1.”satori_worker.js”を設置する
「Step.1 通知サイトのルートへ"satori_worker.js"を設置」に記載されているコードをファイルとして保存し、ルートディレクトリに設置します。
(1) 「Step.1 通知サイトのルートへ"satori_worker.js"を設置」に表示されるコード（①）をコピーし、メモ帳などのテキストエディタに貼り付けます。
(2) ファイル名を「satori_worker.js」として保存します。
(3) 作成したファイルを通知サイト (申請時に指定したドメイン) のルートディレクトリに設置します。
(4) 通知サイトの「設置コード取得」の画面のSTEP1に表示されるURL (②) をクリックし、以下のコードが表示されることを確認してください。
表示されている場合は正しく設定されています。
※この設定にはサーバー設定の専門知識が必要になります。専門知識を有する方による設定をお願いします。
■Step2.専用タグを設置する
「Step2.通知サイトのソースコードに専用タグを記述」の下に記載されているコードをコピーし、プッシュ通知 (WEBプッシュ) のオプトインダイアログを表示したいWebページのソースコードに貼り付けます。
※コードはSATORI計測タグの直前に貼り付けてください。
※SATORI計測タグが設置されていない場合は新たに設置してください。
※通知サイトと異なるドメインのWebページに、専用タグを設置しても動作しません。
例えば、通知サイトのURLがhttps://satori.teamの場合、https://satori.team以外のサイトには専用タグを設置しないでください。
※専用タグを設置したWebページには、SATORI計測タグも必ず設置してください。
SATORI計測タグの設置方法は、こちらをご参照ください。
対応ブラウザ
現在対応しているブラウザは以下の通りです。
ブラウザによって通知の表示デザインが異なります。
| デバイス | OS | ブラウザ |
| PC |
Windows |
Chrome |
| Mobile | Android | Chrome |
例）WEBサイトに表示されるオプトインダイアログ (Windows/Google Chrome)
カスタマーがプッシュ通知を受け取るための条件
- 対応ブラウザを使用していること
- 通知を受け取りたい対象のWEBサイト上でオプトインしていること
- デバイスやブラウザの通知設定で通知を「許可」していること
関連オンラインマニュアル／FAQ
- 関連オンラインマニュアル：プッシュ通知を送信する
- 関連オンラインマニュアル：「プッシュ通知のオプトイン状況」確認方法について
- 関連FAQ：プッシュ通知 (WEBプッシュ) FAQ