iOSでWEBプッシュを使用する場合

iOS16.4より、iPhone safariへのプッシュ通知が送信可能となりました。

これにより、国内でシェア率の高いiPhoneユーザーへの訴求が出来るようになりました。

iPhone端末でプッシュ通知を受け取る手順

iOSでプッシュ通知を受け取る場合、サイトをiPhoneのホーム画面へ追加する必要があります。

※すでにWEBプッシュをご契約のお客様は、新たにファイルの設置とサイトへのタグ設置が必要です。

手順

  1. WEBプッシュの設定ページに新しいjsファイルのダウンロード箇所を用意しておりますので、サーバに保存してください。※serviceworker.js と同じ場所を推奨
  2. サイト全体に以下のlinkタグをhead内に追記してください。
    <link rel="manifest" href="/manifest.json">

    ※href="/manifest.json" 部分は、ルート直下に設置した場合で記載しております。実際はjsonファイルを設定した箇所までのパスをご記載ください。



  1. カスタマイズポップアップを用意します。
    WEBプッシュ>設定ページより、「ポップアップ方式」でiOSを選択し、カスタマイズポップアップかカスタマイズボタンのどちらかを選択し、設定します。
    この例ではカスタマイズポップアップを選択します。


  2. 通知を受けたいサイトをホーム画面にアイコンとして追加します
    ブラウザ下部にある共有ボタンをタップし、


    「ホーム画面に追加」を選択します
  3. 「追加」をタップします。任意で名前を変更することも可能です。


  4. ホーム画面にアイコンが表示されたら準備完了です。


  5. 追加されたホーム画面からサイトへアクセスすると
    オプトインするかどうかのポップアップが表示されます。


以上でオプトインは完了です!

配信内容の設定はこちら

(スマートフォンに届く通知イメージ)