Powered by NotePM

05.プッシュ通知設定方法

Published on 26/07/2022 14:37
  • 284

プッシュ通知設定方法

①ダッシュボードの「施策」から「プッシュ通知」をクリックします。

f3b70de6-0a44-11ed-95e3-064017533d40.png?ref=thumb

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

0e54b2c0-0a45-11ed-bc00-06720a606bea.png?ref=thumb

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

98a6a0b4-0a45-11ed-a8e0-06720a606bea.png?ref=thumb

プッシュ通知をご利用になる場合、送信するドメイン直下に以下のJSファイルをアップロードいただく必要があります。サイトのドメインがhttps://example.com/の場合、下記URLでJSファイルにアクセスできるように配置ください。

例)https://example.com/tpwkr.js
(アップロード方法がご不明の場合は、サイトの管理者にお問い合わせください)

⑤送信元ドメイン設定の「作成」をクリックします。

c9ed39bc-0a45-11ed-a895-06720a606bea.png?ref=thumb

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

1139a8d2-0a46-11ed-a780-064017533d40.png?ref=thumb

プッシュ通知が「設定済」に変わり、「通知の受け取りを許可しますか?」というプレビューが表示されます。
「ドメイン設定」をクリックしてください。

⑦ドメイン設定を行います。

【通知許可を求めるURL】

最初から設定ドメインが入力されています。特定のページのみに設定する場合は、URLを変更してください。
e1646cfc-7b74-11f0-b0ca-067badad1d45.png?ref=thumb


【通知のアイコンURL】

通知で表示されるアイコンを設定します。URLもしくはファイルをアップロードして設定してください。
12312bd6-7b75-11f0-b989-066924efa36b.png?ref=thumb

登録した画像は以下のエリアに表示されます。
582b6738-7b74-11f0-b6f9-06527b1b5a3b.png?ref=thumb

一度アップロードした画像を削除したい場合は
画像を削除」にチェックマークを入れて更新してください。
a49516fa-7b74-11f0-a618-066924efa36b.png?ref=thumb


【位置】

通知が表示される位置を設定します。
253a2476-7b75-11f0-b116-066924efa36b.png?ref=thumb


【ロゴの表示有無】

アイコン画像の表示・非表示を設定します。
2bda51b6-7b75-11f0-912e-066924efa36b.png?ref=thumb


【モーダル本文】

モーダルの本文(通知の受け取りを許可しますか?などの文章)を変更します。

HTML/CSSが入力可能です。
※<style></style>タグは使用できません!HTMLに直接書き込んでください。
34a4fa3a-7b75-11f0-a4d1-066924efa36b.png?ref=thumb


【スマホでの非表示・非表示】

オン・オフで表示を切り替えます。
9542847a-7b75-11f0-9937-066924efa36b.png?ref=thumb


【PC/モーダルの幅】

PC版:モーダル幅の大きさを設定します。
9be1dd26-7b75-11f0-ba4e-067badad1d45.png?ref=thumb


PC/モーダルの基準となる大きさ

PC版:モーダル内のフォントサイズを指定します。
ca197c76-7b75-11f0-9b62-06527b1b5a3b.png?ref=thumb


スマホ/モーダルの幅

スマホ版:モーダル幅の大きさを設定します。
e62af30e-7b75-11f0-bb4a-066924efa36b.png?ref=thumb


スマホ/モーダルの基準となる大きさ

スマホ版:モーダル内のフォントサイズを指定します。
068b45d6-7b76-11f0-af39-067badad1d45.png?ref=thumb

▽詳細
8b7fa54c-7b77-11f0-a916-06527b1b5a3b.png?ref=thumb


【モーダルの背景色~許可ボタンの文字色】

それぞれの色を設定します。
b3e52f70-7b77-11f0-a954-066924efa36b.png?ref=thumb

▽詳細
19304d88-7b78-11f0-8eda-06527b1b5a3b.png?ref=thumb


【許可ボタンの文言・キャンセルボタンの文言】

それぞれのボタン内の文言を設定します。
478f6538-7b78-11f0-a447-066924efa36b.png?ref=thumb

▽詳細
9e427ac8-7b78-11f0-948a-066924efa36b.png?ref=thumb


モーダル表示までの時間

モーダルが表示されるまでの時間を設定します。
0秒は即時表示されます。
e5709240-7b78-11f0-8f3c-067badad1d45.png?ref=thumb


モーダルが表示される時間

モーダルが表示されている時間を設定します。

設定時間が経過すると、モーダルは自動で消えます。
07b6b168-7b79-11f0-98cd-067badad1d45.png?ref=thumb


キャンセル後のモーダル非表示期間

キャンセルボタンをクリックしたユーザーへの非表示期間を設定します。
0f986dd6-7b79-11f0-9483-06527b1b5a3b.png?ref=thumb


ドメイン認証用ファイルを使用せずプッシュ通知を行う

認証用ファイルを使用しない場合に使用します。
※ユーザー様で触ることは基本的にございません。

⑧入力が完了したら「更新する」をクリックします。

bcecf886-a8b0-11ef-93f2-064017533d40.png?ref=thumb

⑨作成完了

画面上部に「ドメイン〇〇情報を更新しました。」と表示されれば、作成完了です。

通知プレビューが設定したものに変更されているか確認しましょう。
8978a2e2-7b79-11f0-8b4d-066924efa36b.png?ref=thumb


プッシュ通知送信設定方法はこちら