残念ながら、初めてあなたのウェブサイトを訪れた人のほとんどは二度と戻ってきません。訪問者が一度離れてしまうと、再び彼らの注意を引くことは非常に困難です。
Webプッシュ通知は、それらの訪問者を引き戻すための強力な方法です。これらはユーザーのデバイスに表示されるクリック可能なメッセージであり、WPBeginnerでは最も重要なトラフィックソースの1つです。
このガイドでは、WordPressウェブサイトにWebプッシュ通知を追加するために私が使用する正確な手順を説明します。それに従って、一度きりの訪問者を忠実な読者に変える方法を学びましょう。
![[重複] WordPressサイトにWebプッシュ通知を追加する方法](https://www.wpbeginner.com/wp-content/uploads/2016/08/add-web-push-notifications-in-wordpress-in-post.png "WordPressサイトにWebプッシュ通知を追加する方法")
ウェブプッシュ通知の追加方法（クイック概要）
- プッシュ通知サービスを選択します（PushEngageをお勧めします）。
- サイトを接続するには、WordPressプラグインをインストールしてください。
- WordPressダッシュボードから最初のキャンペーンとサブスクリプションプロンプトを設定します。
このチュートリアルでは、プッシュ通知の送信について知っておくべきことをすべて説明します。
下のクイックリンクを使用して、さまざまなセクションにジャンプできます。
- プッシュ通知とは？
- WordPressサイトにWebプッシュ通知を追加する理由
- How to Set Up Web Push Notifications in WordPress
- 新しい投稿を公開するたびにプッシュ通知を送信する
- ボーナス：PushEngageで自動ドリップ通知を設定する
- WordPressプッシュ通知に関するよくある質問
プッシュ通知とは？
プッシュ通知は、ユーザーのデスクトップまたはモバイルデバイスにポップアップとして表示される、短くクリック可能な通知メッセージです。業界によって平均オプトイン率は2〜10％です。
これらは、デスクトップの上部またはモバイルデバイスの通知領域に表示されます。最も良い点は、ユーザーのブラウザが開いていない場合でも表示できることです。
プッシュ通知の例はこちらです：
プッシュ通知を使用すると、最新のアップデートやオファーをデバイス全体でユーザーにリーチできます。これにより、ウェブサイトの訪問者を熱心なフォロワーや顧客に転換するための効果的な方法となります。
WordPressサイトにWebプッシュ通知を追加する理由
ウェブサイトから離れた人の70%以上が二度と戻ってこないことをご存知ですか？ウェブプッシュ通知は、それらの訪問者を呼び戻し、ロイヤルカスタマーに変えるための最も効果的な方法の1つです。
ここWPBeginnerでは、それらは一貫して私たちのトップトラフィックソースの1つです。これは、プッシュ通知が信じられないほど高いエンゲージメントを持ち、開封率がメールの10倍になることが多いためです。
ソーシャルメディアとは異なり、リーチを制限するアルゴリズムがないため、ほぼすべてのメッセージが配信されます。また、ユーザーは購読の明示的な許可を与える必要があるため、コンテンツにすでに興味を持っているオーディエンスにリーチしていることがわかります。
利用できるサービスはいくつかありますが、PushEngageがWordPress向けの最高のプッシュ通知プラグインだと考えています。初心者でも簡単に設定でき、必要な強力な機能をすべて備えています。当社の全ウェブサイトで使用しており、このチュートリアルでも使用します。
WordPressでWebプッシュ通知を設定する方法
さて、訪問者がサイトを離れた後もつながりを保てるように、WordPressサイトでウェブプッシュ通知を設定する正しい方法を順を追って説明しましょう。
注意： Webプッシュ通知には、ウェブサイトにSSL証明書（HTTPS）が必要です。サイトURLがHTTPで始まる場合は、このチュートリアルを続行する前に、まずHTTPSを有効にする必要があります。
ステップ1：PushEngageのインストールと有効化
まず、PushEngageのウェブサイトにアクセスし、「今すぐ無料で始める」ボタンをクリックする必要があります。
無料プランは素晴らしい出発点であり、毎月最大200人の購読者と30件の通知キャンペーンを持つことができます。
プランを選択した後、アカウントを作成する必要があります。Googleアカウントまたはメールアドレスとパスワードで登録できます。
次に、「アカウントの設定」ページで、ウェブサイトのドメイン名、業種、会社規模を追加します。サブドメインは、この情報から自動的に生成されます。
クレジットカード情報を入力する必要があります。ご心配なく。PushEngageはリスクフリーの開始を提供しており、無料プランでは料金はかかりません。これは、将来アップグレードを決定した場合にサービスが中断されないようにするためのものです。
サインアップ後、PushEngageダッシュボードにアクセスします。ここから、サイト設定 » サイト詳細ページに移動して、サイトのロゴまたはアイコンをアップロードします。
この画像は、通知に使用されます。
さて、WordPressサイトを接続する時間です。最も簡単な方法は、公式のPushEngageプラグインを使用することです。
WordPress管理ダッシュボードに移動して、PushEngage WordPressプラグインをインストールして有効化してください。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。
アクティベーション後、セットアップウィザードが起動します。「既存のアカウントを接続」ボタンをクリックします。
これにより、WordPressサイトとPushEngageアカウント間の接続を承認するための新しいウィンドウが開きます。
確認するには、「開始する」ボタンをクリックするだけです。
これにより、ウェブサイトがPushEngageアカウントに接続されます。
接続したら、WordPressダッシュボードに戻ることができます。
ステップ2：購読プロンプトの設定
サイトが接続されたので、購読プロンプトを設定する必要があります。これは、訪問者に通知を送信する許可を求めるポップアップメッセージです。
WordPress管理画面のサイドバーから、PushEngage » デザインページに移動します。
ここで、お好みのポップアップスタイルを選択できます。スイッチをオンにして有効にし、「ポップアップを編集」ボタンをクリックしてカスタマイズします。
これにより、PushEngageエディタが新しいタブで開きます。レイアウトを設定し、メッセージテキストを編集し、サイトに合わせて色を変更できます。
完了したら、上部にある「保存して表示オプションを選択」ボタンをクリックします。
次に、ポップアップが表示されるタイミングや場所などの表示ルールを設定できます。
最後に、「保存してポップアップを有効にする」ボタンをクリックして、サイトでプロンプトを有効にします。
🚀 プロのヒント: より良い結果を得るために、ユーザーが数秒間サイトに滞在した後、またはページをスクロールした後にプロンプトを表示するように表示オプションを変更することを検討してください。これにより、購読を依頼する前に、コンテンツの価値を確認する時間が与えられます。
これで、訪問者があなたのサイトに来て「許可」ボタンをクリックすると、購読者リストに追加されます。
ステップ3：最初のプッシュ通知の作成と送信
これで購読者を取得する方法ができたので、最初の通知を作成する準備ができました。
WordPressダッシュボードから、PushEngage » Push Broadcastsに移動し、「新規追加」ボタンをクリックします。
「新しいプッシュブロードキャストを作成」画面が開きます。
まず、通知の詳細を手動で入力する必要があります。
- 通知タイトル: 短くてキャッチーなタイトルを作成します。私の例では、「手首の痛みにうんざりしていませんか？」を使用します。
- 通知メッセージ: 通知の本文を記述します。「人間工学に基づいたキーボードは、快適さと生産性を向上させます。おすすめの製品をご覧ください！」
- 通知URL: 通知をクリックしたときにユーザーにアクセスしてほしいページのリンクを追加します。
入力すると、画面の右側に通知のライブプレビューが表示されます。
🚀 プロのヒント：AIアシスタントの使用
AIクレジットを購入した場合、PushEngageはメッセージの洗練に役立つ強力なAIアシスタントも提供します。最初のテキストを作成した後、タイトルまたはメッセージフィールドの横にある「テキストを生成」ボタンをクリックすると、新しいバリエーションが自動的に生成されます。
これによりポップアップが表示され、テキストの新しいバリエーションを自動生成するために、異なるトーン（プロフェッショナル、会話調、情報提供など）を選択できます。
生成されたテキストがお気に召さない場合は、下部にある「リライト」ボタンをクリックしてください。使用したいタイトルまたはメッセージを選択したら、「挿入」ボタンをクリックできます。
メッセージの準備ができたら、「大きな画像を表示」セクションまでスクロールし、通知を目立たせるために画像を追加したい場合はスイッチを切り替えます。
メディアライブラリから画像を選択するには、「画像を変更」ボタンをクリックしてください。推奨解像度は360 x 180ピクセルです。
次に、「通知の持続時間」を設定できます。「インタラクションがあるまで通知を開いたままにする」ボックスをチェックすると、ユーザーがクリックまたは閉じるまでアラートがユーザーの画面に残ります。
WPBeginnerでは、プッシュブロードキャストが重複しないように、次のプッシュブロードキャストがスケジュールされるまでの期間を設定しています。
設定が完了したら、一番上にある「保存してオーディエンスを選択」ボタンをクリックしてください。
次の画面で、「すべての購読者に送信」を選択し、「送信/スケジュール」ボタンをクリックできます。
最後に、通知をすぐに送信するか、後でスケジュールするかを選択できます（スケジューリングには有料プランが必要です）。
次に、「今すぐ通知を送信」をクリックして、購読者に送信します。
ステップ4：購読者リストの表示
すべての設定が完了したら、当然、何人が購読したかを確認したいでしょう。
PushEngageアカウントダッシュボードにログインし、「合計購読者」ボックスを確認することで、いつでも簡単に購読者数を確認できます。
詳細については、左側のメニューからオーディエンス » サブスクライバーをクリックできます。このページには、最近のサブスクライバーとその情報の一覧が表示されます。
新しい投稿を公開するたびにプッシュ通知を送信する
PushEngageを使用すると、新しいブログ記事を公開するたびに、購読者に自動的にプッシュ通知を送信できます。
これを設定するには、WordPressダッシュボードからPushEngage » 設定に移動し、「自動プッシュ設定」タブをクリックします。次に、「自動プッシュ」スイッチをオンの位置に切り替えます。
次に、通知設定を構成できます。投稿のアイキャッチ画像を表示するか、通知アイコンとして使用するか、マルチアクションボタンを有効にするかを選択できます。
マルチアクションボタンを使用すると、YouTubeチャンネルへのリンクや、メールニュースレターの購読を促すリンクなど、通知に追加のリンクを挿入できます。
設定を構成したら、「変更を保存」ボタンをクリックしてください。
新しい投稿を作成する際に、エディター内の「PushEngage Push Notifications Settings」ボックスを見つけるために下にスクロールする必要があります。
ここで、その投稿専用の通知タイトルとメッセージをカスタマイズできます。
ヒント: 画面右側の「プッシュ通知を送信」ボックスのチェックを外すことで、個々の投稿のプッシュ通知を無効にできます。
投稿で「公開」をクリックすると、プッシュ通知が購読者に自動的に送信されます。
通知がユーザーにどのように表示されるかの例を次に示します。
ボーナス：PushEngageで自動ドリップ通知を設定する
PushEngageでは、自動ドリップ通知を設定することもできます。これらは、購読者を歓迎したり、セールを告知したり、割引クーポンを提供したりするために自動的に送信されるメッセージです。
新規購読者を歓迎するため、またしばらく訪問していないユーザーを再エンゲージするために、自動ドリップキャンペーンを使用しています。これは、ユーザーエンゲージメントを高め、ビジネスのリードをさらに生成するための強力な方法です。
ドリップキャンペーンを設定するには、WordPressダッシュボードから PushEngage » Drip ページにアクセスし、「新規追加」ボタンをクリックしてください。
次に、シーケンス内の各通知をカスタマイズできます。各メッセージには、ウェルカムシリーズを作成するために、固有のタイトル、メッセージ、URL、アイコン画像を追加できます。
PushEngageを使用すると、キャンペーンごとに通知を送信するタイミングを選択できます。たとえば、ユーザーが購読者リストに参加したときに最初のプッシュ通知を送信できます。
これを行うには、単に「通知を送信」ドロップダウンメニューをクリックします。
その後、キャンペーンごとに通知の送信タイミングを設定できます。また、購読者の中から特定のグループに限定したメッセージを送信することも可能です。
完了したら、「自動応答を有効にする」ボタンをクリックして、自動プッシュ通知を有効にすることを忘れないでください。
より詳細な手順については、WordPressで自動ドリップ通知を設定する方法に関するチュートリアルをご覧ください。
WordPressプッシュ通知に関するよくある質問
長年にわたり、プッシュ通知の利用について多くの質問を受けてきました。ここでは、最も一般的な質問に対する回答を紹介します。
Webプッシュ通知は無料ですか？
PushEngageを含む多くのサービスでは、無料で始められる無料プランを提供しています。これらのプランには通常、購読者数や月に送信できる通知数に制限があります。オーディエンスが拡大するにつれて、有料プランへのアップグレードが必要になる場合があります。
プラグインなしでWordPressからプッシュ通知を送信できますか？
APIを使用してプッシュ通知を手動で統合することは技術的には可能ですが、かなりのコーディング知識が必要です。ほとんどの人にとって、PushEngageのような専用プラグインを使用するのが最も簡単で信頼性の高い方法です。これは、すべての技術的なセットアップを代行してくれます。
プッシュ通知 vs. Eメール：どちらが良いか？
私の経験では、どちらか一方が優れているというわけではありません。それらは異なる戦略的目標を達成するための補完的なツールです。メールは長文コンテンツやニュースレターに最適ですが、プッシュ通知は即時のトラフィックを促進する短く時間制限のあるアラートに最適です。私は包括的なマーケティング戦略の一部として両方を使用しています。
プッシュ通知はすべてのブラウザで機能しますか？
プッシュ通知は、Chrome、Firefox、Edge、Safariなど、主要な最新のウェブブラウザすべてでサポートされています。ただし、iPhoneおよびiPad（iOS 16.4以降）のSafariでは、追加の手順が必要です。ユーザーは、通知の受信をオプトインする前に、まずウェブサイトをホーム画面に追加する必要があります。
この記事が、WordPressサイトにウェブプッシュ通知を追加する方法を学ぶのに役立ったことを願っています。また、メールリストの作成方法に関する初心者向けガイドや、どちらが良いかを確認するためのプッシュ通知とメールの比較もご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
デニス・ムトミ
いくつかのクライアントのウェブサイトでPushEngageを使用していますが、これはゲームチェンジャーでした。新しい投稿の自動通知は非常に役立ちます。
通知はゆっくり始めるのが良いということはぜひ共有したいです。週に2〜3回程度から始めると良いでしょう。後で、オーディエンスの反応に応じて増やすことができます。これにより、あまりにも多くのアラートで圧倒するのではなく、人々が購読し続けるのに役立ちます。
あなたが言及した10倍高い開封率？その通りです！私も同じような素晴らしい結果を見てきました。特に、オンラインストアの顧客に時間制限のあるアップデートや特別オファーを送信する場合に顕著です。
Mrteesurez
このプラグインの機能は本当に気に入っています。多くのウェブサイトで見ていましたが、ユーザーが1回サインアップするだけで、ログインする必要なしに通知機能が訪問者にアラートを出してくれます。
WPBeginnerサポート
Glad to hear you like the notifications
管理者
mohadese esmaeeli
プッシュ通知はまだ実用的ですか？侵入的であるとか、ユーザーをうんざりさせるとよく聞きます。あなたの意見では、それを使用することは推奨されますか？
WPBeginnerサポート
下手にやるとユーザーに問題を引き起こす可能性がありますが、プッシュ通知を役立つものに保てば、依然として良いツールとして使用できます。
管理者
モイヌディン・ワヒード
非常に注意して使用すべきだと思います。
以前は、その使いやすさや良い点について考えていましたが、最近、いくつかのウェブサイトのプッシュ通知を購読したところ、Chromeブラウザを開くとすぐに、非常に多くのプッシュ通知が殺到し、時々本当に迷惑に感じます。
リンクを閉じたりクリックしたりしない限り、何もできません。
使用すべきですが、非常に限定的な意味で、プッシュ通知の数を制限して使用すべきです。
Mrteesurez
プッシュ通知は、思慮深く使用すれば依然として実用的です。私の経験では、ユーザー行動に合わせて調整した場合にうまく機能することを確認しました。たとえば、私のプロジェクトの1つでは、サイトを離れる直前にユーザーにリマインドするためにプッシュ通知を使用しました（離脱意図）。これらの通知をパーソナライズしてタイミングを合わせることで、ユーザーを煩わせることなくコンバージョンを大幅に増加させることができました。重要なのは関連性と価値です。オーディエンスに真に利益をもたらす通知のみを送信してください。
ラルフ
私は常にウェブサイトにプッシュ通知を実装することを考えていましたが、自分自身ではスパムだと考えています。見つけたらすぐにブロックしてしまうので、皆さんもそうしていると思いますが、もしかしたら間違っているのでしょうか？
メールマーケティングよりも本当にそんなに優れているのでしょうか？私の国では、ウェブユーザーの50〜55％がアドブロッカーを使用していると報告されているので、試すべきかどうか分かりません。
WPBeginnerサポート
製品と使用方法によります。不適切に使用すればどの方法もスパムと見なされる可能性がありますが、ツールをユーザーにとって有用なものにする方法はたくさんあります。
管理者
モイヌディン・ワヒード
ウェブサイトでプッシュ通知を使用する方法を探していて、プッシュ通知に関するこの記事を見つけました。この記事には、プッシュ通知を送信するために必要なすべてが含まれており、投稿を魅力的に保ち、ウェブサイトのトラフィックを維持することができます。
このプッシュ通知を通じてメールリストを構築できるかどうか、そしてその購読者リストに投稿や記事を送信できるかどうかを知りたいです。もしそうであれば、他のメール構築リストが必要ですか、それともこのプッシュエンゲージで十分ですか。
私はWordPress初心者なので、私の質問は奇妙に思われるかもしれません。
改めて、この素晴らしい投稿に感謝します。
WPBeginnerサポート
You can include a call to action to join your newsletter in a push notification
管理者
マイク
この投稿をありがとうございます。OneSignalのサポートに関しては、あなたに同意するかもしれません。私もPushEngageに切り替えています。
WPBeginnerサポート
We hope you enjoy using PushEngage
管理者
jasen hudson
このようなブログを真剣に探していました。プッシュ通知をウェブサイトに簡単に設定する方法を、これほど素晴らしい方法で説明していただきありがとうございます。
WPBeginnerサポート
Glad you found our guide helpful
管理者
ニンファ
こんにちは、これはAndroidとiOSの両方で機能しますか？
Luca
オフラインのウェブサイトでプッシュ通知を有効にすることは可能ですか？
Rubb
ウェビナー登録者に対して、ウェビナーの前日にリマインダーを送信するためにこれを使用できますか？
WPBeginnerサポート
使用しているツールによって異なります。プラグインのサポートに特定のセットアップについて問い合わせれば、支援してもらえるかもしれません。
管理者
Edidiong Ani
これら、ありがとうございます。大変助かります。
WPBeginnerサポート
Glad our guide was helpful
管理者
ジェームズ
あなたのサイトにプッシュ通知がないのはなぜですか？
WPBeginnerサポート
ブロッカーまたはその他のツールが原因で、通知リクエストが表示されない可能性があります。
管理者
マハムドゥル・ハッサン
ありがとう、兄弟。とても参考になります。
WPBeginnerサポート
Glad our guide was helpful
管理者
KHALID MEHMOOD
ありがとうございます。非常に詳細で有益なステップバイステップのチュートリアルです。
WPBeginnerサポート
You’re welcome
管理者
Sea
非常に役立つ詳細な投稿をありがとうございます。
WPBeginnerサポート
You’re welcome
管理者
タスリーム
素晴らしい投稿です。そして、この役立つ記事をありがとうございます
WPBeginnerサポート
Thank you and glad our guide can be helpful
管理者
ナヴィーン・レッディ
この非常に詳細で役立つ記事をありがとうございます。
WPBeginnerサポート
You’re welcome
管理者
Odins
画像の特定の部分の個人情報をぼかすために、また特定のものを強調するために使用している赤い円などの処理には、どのソフトウェアを使用していますか？
WPBeginnerサポート
PhotoshopやGIMPなどのさまざまな画像エディターでこれらの編集を行うことができます
管理者
コヴィン
皆さん、こんにちは。
私はソーシャルネットワークを持っており、誰かが友達に「いいね！」したり、コメントしたり、メッセージを送ったりするたびに、その友達がプッシュ通知を受け取るようにしたいのですが。
このプラグインで可能ですか？
皆さん、助けが必要です。ありがとうございます。
WPBeginnerサポート
フレンドリストを作成するために使用しているプラグインのサポートに連絡して、プッシュ通知と連携できるかどうかを確認する必要があります。
管理者
Deepak Baghel
貴重なノートを共有していただきありがとうございます。ユーザーにプッシュ通知を送信するのに本当に役立ちました。ありがとうございます。
WPBeginnerサポート
You’re welcome
管理者
スコッティオ
素晴らしいチュートリアルです。ありがとうございます。
WPBeginnerサポート
You’re welcome
管理者
Sasha Lizaveta
こんにちは、
メール登録ページのような、特定のWordPressサイトのページから通知プロンプトを除外する方法はありますか？
敬具
サーシャ
WPBeginnerサポート
If you reach out to the plugin’s support they will let you know how to set that up
管理者
Marcus Tibesar
これらのものが禁止されればいいのに…
WPBeginnerサポート
We can certainly understand disliking them but some users have found these alerts useful and when used properly they can be used for good
管理者
アレキシス
こんにちは、素晴らしい仕事です！
ウェブプッシュ通知の使用はAdsenseポリシーに違反しますか？
事前に感謝いたします！
WPBeginnerサポート
AdSenseの実装方法によりますので、この種の質問についてはAdSenseのサポートにお問い合わせください：https://support.google.com/adsense
管理者
ムハンマド・ジュネイド
私はAdsense対応のウェブサイトで使用しています。また、2019年1月からは、最大30,000人の購読者にウェブプッシュを送信できるようになるとのことです。それ以上の購読者には、有料プランへのアップグレードが必要になります。モバイルアプリの購読者には、無制限のメッセージを送信できます。
Krishnakant Raj
良かったです。しかし、ホームページで通知を移動させる方法について、いくつか詳細を教えていただけますか？
Vandana
こんにちは、旦那様。
すべて正しく行っていますが、Googleメッセージングサービスを有効にするボタンがありません。
手伝ってもらえませんか
アシュリー・ベイリー
ステップ1の下にある設定フィールドが、設定タブの下で変更されました。
Sender IDという名前ではなくなりました。Sender IDはどこに入力しますか？
ジテンダー・シン
素晴らしい記事をありがとうございます、管理者
ベヌーゴパル
素晴らしい記事です。ウェブサイトのトラフィックを増やすのに非常に役立つでしょう。
ありがとうございます _/\_
スヘル・ドゥルフルレ
Android Chromeでも動作しますか？
つまり、私のAndroid Chromeでは動作しません。
Saurabh
こんにちは、サブフォルダーのウェブサイトでプッシュ通知を設定するにはどうすればよいですか？上記のステップに従いましたが、機能しません。他のウェブサイトでは正常に実装できましたが、サブフォルダーのウェブサイトでは実装できません。
subramanyam
あなたが言ったことは何もしていませんが、何も機能しません。プッシュ通知画像が表示されません。親切に提案してください。
注意：画像を追加するように求められましたが、追加しませんでした。
ミハイ
素晴らしいチュートリアルです。
Amazonにもプッシュ通知のオファーがあり、価格も良いようですね。
Amazonとの連携チュートリアルは、まだこのためのプラグインが多くないので、購読者（そして私）にとって素晴らしいものになるでしょう。
アビ
ナイスショットです。このようなサイトを実行する際には、プッシュ通知がいくつか必要になります。ありがとうございます。
Tim Boehm
これは良い記事でした。しかし、Jetpackプラグインに既に搭載されている「通知」ツールとどのように比較されるのか、少し混乱しています。
このサイトは大好きで、非常に役立つと感じています。
ありがとう
ティム
Loupio
この素晴らしいチュートリアルをありがとうございます。Microsoft Edgeでも機能しますか？
Dragam
試してみましたが、かなりうまく機能していますが、しばらくするとFirefoxユーザーは更新の受信を停止します。Chromeユーザーは同じ問題を抱えていません。通知を受け取るために再度適用しても、Firefoxユーザーには機能しません。少なくとも私のサイトでは。
Giorgio
Samから私へ：Firefoxユーザー（例：バージョン57）は通知を受け取りませんが、Chromeユーザーは受け取ります。