--- title: WEBプッシュの配信設定 description: WEBプッシュ機能の配信準備から作成方法等を説明します。 --- [コンテンツまでスキップ](https://support.materialdigital.jp/manual/webpush-about#main-content) 日本語 翻訳のサブメニューを表示 [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja) ![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png) メインナビゲーションを開く メインナビゲーションを閉じる - 日本語 翻訳のサブメニューを表示 - [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new) - [サービスサイトへ](https://materialdigital.jp/) [サービスサイトへ](https://materialdigital.jp/) お困りのことは何でしょうか？ - 検索フィールドが空なので、候補はありません。 1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja) 2. [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja) 3. [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5) # WEBプッシュの配信設定 ## WEBプッシュ機能の配信準備から作成方法等を説明します。 オプション「WEBプッシュ」の契約が必要です。 1. [配信準備](https://support.materialdigital.jp/manual/webpush-about#section1) 2. [新規作成](https://support.materialdigital.jp/manual/webpush-about#section2) 3. [WEBプッシュのメニュー](https://support.materialdigital.jp/manual/webpush-about#section3) ### 1. 配信準備 1. 「管理画面メニュー ＞ WEBプッシュ」の「設定」を選択 ※以下、2番目以外は任意の設定です。 ![WEBプッシュ配信準備](https://support.materialdigital.jp/hs-fs/hubfs/webpush4.png?width=189&height=244&name=webpush4.png) 2. 【必須】ブラウザモジュールにある「serviceworker.js」をクリックし、ダウンロード ![ブラウザモジュール](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Jul-16-2024-10-12-16-1997-AM.png?width=688&height=123&name=image-png-Jul-16-2024-10-12-16-1997-AM.png) - 【任意】iOSへの配信をご希望の場合は「manifest.json」も一緒にダウンロード ※詳しくは[iOSでWEBプッシュを使用する場合](https://support.materialdigital.jp/manual/webpush-ios?hsLang=ja)のマニュアルをご確認ください。 3. ダウンロードしたファイルをサイトのルート直下（ドメイン直下）に配置 ※サイトのファイル構造に詳しい担当者様に依頼してください。 ※ファイルサーバーなどの別サーバーの場合、オプトインのダイアログは表示されません。 - ルート直下に設定できない場合、「高度な設定」より設置箇所までのフルパスを「serviceworker.jsパス」に入力 ※フルパス：「https://」から記載したURL 　![serviceworker.jsパス](https://support.materialdigital.jp/hs-fs/hubfs/webpush6.png?width=614&height=194&name=webpush6.png) 4. WEBプッシュを配信する際に使用するデフォルト画像を設定 ※iOSは外部設定の通知アイコンが反映されず、ホーム画面に追加されたアイコンが 　通知アイコンとして使用されます。 5. カートURLを設定 6. オプトイン表示にて、オプトイン許可のポップアップを表示するページを設定 ※特定のページで表示させたい場合、URLや文字列を入れてください。 ※URLを記載する際、正規表現も利用可能です。 ![オプトイン表示](https://support.materialdigital.jp/hs-fs/hubfs/webpush7.png?width=235&height=141&name=webpush7.png) 7. ポップアップ方式にてオプトイン許可のポップアップをカスタマイズすることが可能 ※希望により画像URLやメッセージを入力してください。 ※設定下部にプレビューボタンも用意しています。 ![ポップアップ方式](https://support.materialdigital.jp/hs-fs/hubfs/webpush8.png?width=523&height=136&name=webpush8.png) - **「iOS」の設定** ポップアップ・ボタンのどちらかを設定します。 ボタンの場合、HTML内のstyle設定を変更することでデザインの調整が可能です。 - **「Android・PC」の設定** ブラウザのデフォルトポップアップを使用するか、カスタマイズポップアップを使用するかを選択します。 #### **プッシュ通知のポップアップ例** ※ブラウザのデフォルトポップアップのデザインや文言の変更はできません。 **▼ デフォルトポップアップ** ![デフォルトポップアップ](https://support.materialdigital.jp/hs-fs/hubfs/webpush9.png?width=347&height=131&name=webpush9.png) **▼ カスタマイズポップアップの例** カスタマイズポップアップで「はい」をクリックした後、上記のデフォルトポップアップで許可をする必要があります。 デフォルトポップアップで許可しなかった場合は、オプトインしていない状態となります。 ※あくまで第一印象を変えるためのカスタマイズとなります。 ![カスタマイズポップアップの例](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Mar-30-2022-12-48-44-66-AM.png?width=505&height=190&name=image-png-Mar-30-2022-12-48-44-66-AM.png) 8. これで配信準備は完了です。 **jsファイルの併用（同時オプトイン）はできません** - CMSやカートシステムを利用している場合、ファイル設置の可否や設置箇所および手順につきましては、弊社でのサポート対象外となります。 - 各システム提供会社へお問い合わせくださいませ。 2\. 新規作成 新規作成ボタンをクリックし、「予約配信」か「定期配信」を選択 ※デモ配信の手順は[WEBプッシュのデモ配信手順](https://support.materialdigital.jp/manual/webpush_demo?hsLang=ja)のマニュアルをご確認ください。 ![新規作成](https://support.materialdigital.jp/hubfs/image-png-Mar-23-2023-03-31-35-8424-AM.png) ![配信設定](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Jul-16-2024-10-44-55-6161-AM.png?width=626&height=542&name=image-png-Jul-16-2024-10-44-55-6161-AM.png) | | 予約配信 | 定期配信 | | --- | --- | --- | | ①メッセージタイトル | メッセージのタイトルを設定します。 文字制限は40文字以内です。 | | | ②メッセージテキスト | メッセージを設定します。 文字制限は140文字以内です。 | | | ③通知アイコン | デフォルトで設定している画像が入ります。 デフォルト以外を使用したい場合も個別に設定することが可能です。 | | | ④遷移先URL | 通知をクリックした際に誘導したいページURLを設定します。 | | | ⑤セグメント | デフォルトは「全てのユーザー」が選択されています。 - 訪問回数 - 購買済み商品 - コンバージョン回数 - 閲覧済みシナリオ - カート離脱 - 会員情報連携タグ - 会員ユーザーリスト | デフォルトは「全てのユーザー」が選択されています。 - カート離脱 - 購買済み商品 - コンバージョン回数 - 会員情報連携タグ - 会員ユーザーリスト | | ⑥配信日時 | 日時を指定します。 ![](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Jul-16-2024-10-53-14-2134-AM.png?width=482&height=147&name=image-png-Jul-16-2024-10-53-14-2134-AM.png) | 曜日指定+時間を指定します。 ![](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Jul-16-2024-10-53-34-0633-AM.png?width=493&height=149&name=image-png-Jul-16-2024-10-53-34-0633-AM.png) | | ⑦配信数推定 | オプトイン数から設定したセグメントの配信数を推定します。 ※実際の配信数とは多少異なる場合があります。 | | | ⑧プレビュー | タイトル・メッセージ・画像をプレビューします。 | | | ⑨タグ・配信メモ | 右側のタグ管理で、任意で通知にタグをつけることが可能です。 また、配信に関するメモも一緒に残すことも可能です。 | | | ⑩下書きを保存 | 配信前に下書きとして保存した場合は、クリックすることで下書き保存が可能です。 | | | ⑪配信を予約 | 「配信を予約」ボタンをクリックして配信内容を保存します。 設定した日時に配信されます。 | 「定期配信を保存」ボタンをクリックして配信内容を保存します。 指定した曜日と時間をもとに、定期的に配信されます。 | ※配信は1分に1回行われます。 ※配信待ちは5分に1回更新されます。 ※配信先のデバイスやブラウザ状況により、配信が遅くなる場合があります。 **WEBプッシュが配信されない場合があります** - 時間になったら配信され、配信情報が配信履歴に表示されますが、デバイスの状況により通知がされない場合があります。 - 詳しくは[WEBプッシュが表示・配信されない主な原因](https://support.materialdigital.jp/manual/webpush-faq?hsLang=ja)をご確認ください。 **よくある質問** - WEBプッシュのカート離脱はCVしたかどうかを判断していますか？ - 判断はしていません。 - CV0回でカート離脱しているお客様をターゲティングする場合、 【カート離脱】条件+【コンバージョン回数】条件を使う必要があります。 ※サイトを離脱する3ページ前までの間にカートページがあるか否かを判断しています。 ### 3. WEBプッシュのメニュー 各メニューについて、マニュアルページをご用意しています。 - [WEBプッシュ：配信待ち](https://support.materialdigital.jp/manual/webpush-undelivered?hsLang=ja) - [WEBプッシュ：配信履歴](https://support.materialdigital.jp/manual/webpush-delivered?hsLang=ja) - [WEBプッシュ：レポート](https://support.materialdigital.jp/manual/webpush-report?hsLang=ja) - [WEBプッシュ：オプトイン数](https://support.materialdigital.jp/manual/webpush-optin?hsLang=ja) - [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content) - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89) - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE) - [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content) - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA) - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A) - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98) - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86) - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A) - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD) - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD) - [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content) - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88) - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5) - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA) - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97) - [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content) - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89) - [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja) - [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content) - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1) - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3) [![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/) Copyright © Flipdesk Inc. Copyright © 2026, 株式会社マテリアルデジタル