WEBプッシュ～設定について

機能を利用するためのモジュールをダウンロードすることができます。
ダウンロードしたモジュールはサイトのルートに配置してください。

※サイトと同一ドメインのサーバに設置してください。ファイルサーバなどの別サーバーの場合、オプトインポップアップは表示されません。

serviceworker.js ：必須

manifest.json：任意
※iOSに配信する場合は必須
※manifest.jsonを設置した後は、必ずサイト全体に以下のlinkタグをhead内に追記してください

<link rel="manifest" href="/manifest.json">

serviceworker.jsパス
サイトの都合上、サイトのルートにモジュールを設置できない場合、設置箇所までのフルパスを「パス」に入力してください。

※クロスドメイン設定している場合はこちらでパス設定を行っても使用できません。メインで使用しているサイトのルート配下にモジュールを配置してください。

スマートホンへの配信時に表示される画像を設定できます。
ここで設定した画像は、新規作成する際にデフォルトでセットされます。

※iOSについては通知アイコンはホーム画面に追加されたアイコンとなります。
ホームアイコンを変更する方法
下記linkタグをサイトのheadの中に追記します。hrefは/favicon.icoもしくは正方形のPNGのパスを設定してください。

<link rel="apple-touch-icon" href="/favicon.ico">

配信で使用しているタグの一覧がここで表示されます。

オプトイン可否についてのポップアップを、どのページに表示するかが設定できます。「特定のページ」を選択した場合、複数のページを指定することが可能です。

※複数のURLを指定したい場合は、改行を入れて列挙してください。 (検索条件は部分一致となります。正規表現も使用可能です。)

各デバイスでオプトイン許可のポップアップを表示するデザインを設定できます。

• iOS：必須　
  ポップアップかボタンのカスタマイズが可能です。
  カスタマイズボタンの場合、style内を変更することで任意のデザインへ変更可能です。
• Android・PC：任意
  ブラウザのデフォルトポップアップを使用する場合は設定は不要です。
  任意のカスタマイズポップアップを使用したい場合に設定してください。保存前にプレビューを表示することも出来ます。

カスタマイズポップアップについて

ブラウザ依存のオプトインポップアップの完全な代替機能ではなく、「はい」をクリックした後、改めてオプトイン許可のボタンをクリックする必要があります。
「いいえ」をクリックしてもオプトアウトにはなりません。

カスタマイズボタンについて

カスタマイズボタンを選択した場合はコードをサイト内もしくは、シナリオとして設置する必要があります。

▼イメージ