2026年6月3日

2026年6月3日

WordPressにプッシュ通知を設定する方法|OneSignalプラグインの導入と運用の注意点

ブラウザーのプッシュ通知(Web プッシュ)を使うと、通知を許可した読者のパソコンやスマートフォンに、新着記事やお知らせを短いメッセージで届けられます。読者はメールアドレスを登録しなくてよく、通知を押すと記事が開くため、一度来た読者にもう一度来てもらうきっかけになります。

WordPress 本体にはプッシュ通知を送る機能は無いため、通知の配信サービスとプラグインを組み合わせます。この記事では、配信サービス OneSignal の公式プラグイン「OneSignal – Web Push Notifications」(2026年10月時点の最新版は 3.9 系)を例に、導入から運用までを説明します。手順は OneSignal の公式ドキュメントに沿っています。

始める前に確かめること

  • サイトが HTTPS で表示されること: Web プッシュは HTTPS のサイトでしか使えません。まだの場合は先に HTTPS に移行します(WordPressをHTTPSに移行する方法)。
  • OneSignal のアカウント: 無料のプランがあります。プランごとの上限や料金は変わることがあるため、OneSignal の料金ページで確かめてください。
  • プラグインの動作環境: WordPress.org のプラグインページでは、WordPress 6.0 以上、PHP 7.4 以上が必要とされています。
  • iPhone・iPad の読者: iOS・iPadOS の Safari では、読者がサイトを「ホーム画面に追加」して開いた場合に限り Web プッシュを受け取れます(iOS 16.4 以降)。通常のブラウザー表示のままでは通知を許可できません。

1. OneSignal のダッシュボードで準備する

OneSignal にログインし、通知を送るサイト用のアプリを作成した後、次の設定をします。

  1. 「Settings」→「Push & In-App」→「Web」を開き、連携方法として「WordPress Plugin or Website Builder」を選び、WordPress を選択します。
  2. 「Site Name」(サイト名)、「Site URL」、「Default Icon URL」(通知に表示するアイコンの URL)などを入力して保存します。「Site URL」は、実際のサイトの URL と一字一句同じにします(https:// の有無や www の有無の違いも不一致になります)。
  3. 読者に通知の許可を求める表示(「Push Slide Prompt」)を設定します。初期状態で有効になっており、表示するタイミングや文言を変えられます。
  4. 必要なら、許可した直後に送るウェルカム通知を設定して保存します。
  5. 「Settings」→「Keys & IDs」で、App ID を控えます。同じ画面で API キーを作成し、値を控えます。API キーの値は作成時に一度しか表示されないため、パスワード管理ツールなどに保管します。

2. WordPress にプラグインを入れて設定する

  1. 管理画面の「プラグイン」→「プラグインを追加」で OneSignal を検索し、「OneSignal – Web Push Notifications」をインストールして有効化します。
  2. 管理画面に追加された「OneSignal」メニューの設定画面を開きます。
  3. 前の手順で控えた App ID と API キーを入力して保存します。

通知の許可を受け取るためのサービスワーカーはプラグインが用意するため、ファイルをサーバーにアップロードする必要はありません。

設定が終わったら、ログアウトした状態(またはシークレットウィンドウ)でサイトを開き、許可を求める表示が出るか、許可した後に OneSignal のダッシュボードで購読者として数えられるかを確かめます。

3. 投稿したときに自動で通知を送る

プラグインの設定画面で、次のような送信の動きを決められます。

設定 内容
公開・更新時の自動送信 投稿や固定ページを公開・更新したときに通知を送るかどうか。ほかのプラグインから公開された投稿を対象にするかも選べる
カスタム投稿タイプ 通知の対象に、ほかのプラグインが作った投稿タイプを加える
URL パラメーター 通知から開かれる URL に、アクセス解析用のパラメーター(utm_source など)を付ける

投稿の編集画面にも OneSignal の欄が追加され、記事ごとに「公開・更新したときに通知を送るか」「通知の文面を変えるか」「どのセグメント(読者のグループ)に送るか」を選べます。セグメントは OneSignal のダッシュボードの「Audience」→「Segments」で作ります。

更新のたびに通知が飛ばないように注意します。 誤字の修正などで記事を更新したときに通知が送られると、読者には同じ記事の通知が何度も届くことになります。送るのは新しい記事を公開したときだけにし、更新時は編集画面で送信の指定を外すのが無難です。

4. 許可を求める表示を調整する

許可を求める表示は、プラグインではなく OneSignal のダッシュボードで設定します。ブラウザー自体の許可ダイアログをいきなり出すより、先に「新着記事をお知らせします」のような説明を出してから許可を求めるほうが、読者が判断しやすくなります。OneSignal の「Push Slide Prompt」はこの説明の役割をする表示です。

  • 初めて来た読者にすぐ出すより、何ページか見た後や、しばらく滞在した後に出すと、内容に興味を持った読者に絞れます。
  • ブラウザーの許可ダイアログで「ブロック」を選ばれると、読者自身がブラウザーの設定を変えない限り、サイトからもう一度許可を求めることはできません。先に説明の表示を出すのは、この一度きりの機会を無駄にしないためでもあります。
  • 特定のページだけ表示しないようにするには、ダッシュボードで自動表示(Auto Prompt)を切り、表示したいページで JavaScript から表示する方法が公式ドキュメントで案内されています。

5. 送りすぎず、効果を確かめる

  • 送る内容と頻度を決める: 通知が多すぎると、読者は通知をブロックしたり購読をやめたりします。新着記事や重要なお知らせなど、送る内容を決めておきます。
  • 送る時間帯に気を付ける: 深夜や早朝の通知は迷惑に感じられやすくなります。
  • 数字で確かめる: OneSignal のダッシュボードで、送った通知の配信数やクリック数を確かめます。URL パラメーターを付けておくと、Google アナリティクスなどのアクセス解析で通知から来た訪問を分けて見られます。

6. プライバシーポリシーを更新する

プッシュ通知を許可した読者の情報(通知の宛先となる識別子など)は、外部サービスである OneSignal に送られて保存されます。プライバシーポリシーに、利用している外部サービスとその目的を書き加えます(WordPressでプライバシーポリシーページを作成・生成する方法)。

うまく動かないとき

  • 許可を求める表示が出ない: ダッシュボードの「Site URL」と実際の URL が一致しているか、サイトが HTTPS か、すでにそのブラウザーで許可・拒否していないかを確かめます。キャッシュ系のプラグインを使っている場合は、キャッシュを消してから確かめます。
  • 公開しても通知が送られない: プラグインの設定で自動送信が有効か、投稿の編集画面で送信の指定が外れていないか、App ID と API キーが正しいかを確かめます。
  • 以前の 2.x 系から更新した: 公式ドキュメントの移行の案内に沿って設定を確かめ、プラグインの設定画面で「Migration Completed」にチェックを入れて保存します。

まとめ

  • Web プッシュは HTTPS のサイトで使え、WordPress では OneSignal などの配信サービスとプラグインを組み合わせる
  • OneSignal のダッシュボードで「Site URL」を実際の URL と一致させ、App ID と API キーを控えてプラグインに入力する
  • 自動送信は新しい記事の公開時に限り、更新のたびに通知が届かないようにする
  • 許可を求める表示はダッシュボードで設定し、説明を出してから許可を求める
  • 頻度と時間帯を決めて送り、配信数・クリック数を確かめる。プライバシーポリシーも更新する

関連記事

お気軽にご相談ください

お見積りへ お問い合わせへ
▲