05.プッシュ通知設定方法
- 284
プッシュ通知設定方法
①ダッシュボードの「施策」から「プッシュ通知」をクリックします。

②「基本設定」をクリックします。

③「認証用ファイル」をダウンロードし、ドメイン直下にアップロードします。

プッシュ通知をご利用になる場合、送信するドメイン直下に以下のJSファイルをアップロードいただく必要があります。サイトのドメインがhttps://example.com/の場合、下記URLでJSファイルにアクセスできるように配置ください。
例)https://example.com/tpwkr.js
(アップロード方法がご不明の場合は、サイトの管理者にお問い合わせください)
⑤送信元ドメイン設定の「作成」をクリックします。

⑥「ドメイン設定」をクリックします。

プッシュ通知が「設定済」に変わり、「通知の受け取りを許可しますか?」というプレビューが表示されます。
「ドメイン設定」をクリックしてください。
⑦ドメイン設定を行います。
【通知許可を求めるURL】
最初から設定ドメインが入力されています。特定のページのみに設定する場合は、URLを変更してください。
【通知のアイコンURL】
通知で表示されるアイコンを設定します。URLもしくはファイルをアップロードして設定してください。
登録した画像は以下のエリアに表示されます。
一度アップロードした画像を削除したい場合は
「画像を削除」にチェックマークを入れて更新してください。
【位置】
通知が表示される位置を設定します。
【ロゴの表示有無】
アイコン画像の表示・非表示を設定します。
【モーダル本文】
モーダルの本文(通知の受け取りを許可しますか?などの文章)を変更します。
HTML/CSSが入力可能です。
※<style></style>タグは使用できません!HTMLに直接書き込んでください。
【スマホでの非表示・非表示】
オン・オフで表示を切り替えます。
【PC/モーダルの幅】
PC版:モーダル幅の大きさを設定します。
【PC/モーダルの基準となる大きさ】
PC版:モーダル内のフォントサイズを指定します。
【スマホ/モーダルの幅】
スマホ版:モーダル幅の大きさを設定します。
【スマホ/モーダルの基準となる大きさ】
スマホ版:モーダル内のフォントサイズを指定します。
▽詳細
【モーダルの背景色~許可ボタンの文字色】
それぞれの色を設定します。
▽詳細
【許可ボタンの文言・キャンセルボタンの文言】
それぞれのボタン内の文言を設定します。
▽詳細
【モーダル表示までの時間】
モーダルが表示されるまでの時間を設定します。
0秒は即時表示されます。
【モーダルが表示される時間】
モーダルが表示されている時間を設定します。
設定時間が経過すると、モーダルは自動で消えます。
【キャンセル後のモーダル非表示期間】
キャンセルボタンをクリックしたユーザーへの非表示期間を設定します。
【ドメイン認証用ファイルを使用せずプッシュ通知を行う】
認証用ファイルを使用しない場合に使用します。
※ユーザー様で触ることは基本的にございません。
⑧入力が完了したら「更新する」をクリックします。

⑨作成完了
画面上部に「ドメイン〇〇情報を更新しました。」と表示されれば、作成完了です。
通知プレビューが設定したものに変更されているか確認しましょう。