WEBプッシュの配信設定

WEBプッシュ機能の配信準備から作成方法等を説明します。

1. 配信準備

1. 「管理画面メニュー ＞ WEBプッシュ」の「設定」を選択
   ※以下、2番目以外は任意の設定です。
   
   
2. 【必須】ブラウザモジュールにある「serviceworker.js」をクリックし、ダウンロード
   
   
   • 【任意】iOSへの配信をご希望の場合は「manifest.json」も一緒にダウンロード
     ※詳しくはiOSでWEBプッシュを使用する場合のマニュアルをご確認ください。
3. ダウンロードしたファイルをサイトのルート直下（ドメイン直下）に配置
   ※サイトのファイル構造に詳しい担当者様に依頼してください。
   ※ファイルサーバーなどの別サーバーの場合、オプトインのダイアログは表示されません。
   • ルート直下に設定できない場合、「高度な設定」より設置箇所までのフルパスを「serviceworker.jsパス」に入力
     ※フルパス：「https://」から記載したURL
     　
     
     
4. WEBプッシュを配信する際に使用するデフォルト画像を設定
   ※iOSは外部設定の通知アイコンが反映されず、ホーム画面に追加されたアイコンが
   　通知アイコンとして使用されます。
   
5. カートURLを設定
6. オプトイン表示にて、オプトイン許可のポップアップを表示するページを設定
   ※特定のページで表示させたい場合、URLや文字列を入れてください。
   ※URLを記載する際、正規表現も利用可能です。
   
   
7. ポップアップ方式にてオプトイン許可のポップアップをカスタマイズすることが可能
   ※希望により画像URLやメッセージを入力してください。
   ※設定下部にプレビューボタンも用意しています。
   
   
   • 「iOS」の設定
     ポップアップ・ボタンのどちらかを設定します。
     ボタンの場合、HTML内のstyle設定を変更することでデザインの調整が可能です。
   • 「Android・PC」の設定
     ブラウザのデフォルトポップアップを使用するか、カスタマイズポップアップを使用するかを選択します。
     

     プッシュ通知のポップアップ例

     ※ブラウザのデフォルトポップアップのデザインや文言の変更はできません。
     ▼ デフォルトポップアップ

     

     ▼ カスタマイズポップアップの例
     カスタマイズポップアップで「はい」をクリックした後、上記のデフォルトポップアップで許可をする必要があります。
     デフォルトポップアップで許可しなかった場合は、オプトインしていない状態となります。
     ※あくまで第一印象を変えるためのカスタマイズとなります。

     

8. これで配信準備は完了です。
   

2. 新規作成

新規作成ボタンをクリックし、「予約配信」か「定期配信」を選択
※デモ配信の手順はWEBプッシュのデモ配信手順のマニュアルをご確認ください。

※配信は1分に1回行われます。
※配信待ちは5分に1回更新されます。
※配信先のデバイスやブラウザ状況により、配信が遅くなる場合があります。

3. WEBプッシュのメニュー

各メニューについて、マニュアルページをご用意しています。

• WEBプッシュ：配信待ち
• WEBプッシュ：配信履歴
• WEBプッシュ：レポート
• WEBプッシュ：オプトイン数