Safari ブラウザーにOneSignal Webプッシュ通知を設定する方法

デフォルトのOneSignalのウェッブプッシュ通知は、ChromeとFirefoxです。Safariのプッシュ通知は別途設定する必要があります。現時点では、Safariのプッシュ通知はMac OS Xのみサポートされます。WindowsでのSafariはサポートされていません。

Safari 用 OneSignal Webプッシュ通知設定方法

Safariの設定を行う前にChromeとFirefoxのプッシュ通知の設定が必要です。

OneSignal のアカウントにログインします。設定を行うサイトのWebプッシュアプリをクリックし、上に表示されるメニュー項目のセッティングを選び、設定ページを表示します。

Web Push Platforms（ウェッブプッシュプラットフォーム）の Apple Safari をクリックします。

設定用の小ウインドウが表示されます。サイト名とサイトURLを入力します。通知に表示されるアイコンをアップロードする場合は、”I’d like to upload my own notification icons”にチェックを入れます。アイコンのロゴは、256x256pxが推奨サイズです。

注意事項：
アイコンのロゴをアップロードしない場合、OneSignalのアイコンが代わりに通知に表示されます。アイコンをアップロードした場合は、アップロード後、購読したユーザーには新しいロゴが表示され、既存のユーザーの通知は設定前の（OneSignal）ロゴが表示されます。これは、Safariの仕様による制限になります。そのため、最初からロゴをアップロードすることをお勧め致します。

“SAVE”ボタンを押して、設定を保存すると”Apple Safari”がアクティブになりました。

Apple Safariの右側のペンアイコンをクリックすると、プラットフォームの設定ウィンドウが表示されます。Web IDをコピーします。（以下の画像のアンダーライン部）

設定するサイトのWordPressダッシュボードメニューにある”OneSignal Push”をクリックし、”Configuration”タブを開きます。Account Settingsの項目の”Safari Web ID”の入力欄にOneSignalのページで設定からコピーしたWeb IDを貼り付けます。