究極の Web プッシュ通知ガイド

公開: 2020-05-28

私たちは皆、かなり快適で、電話の画面に通知をプッシュすることに慣れています。 私たちは、ニュース、電子メール、メッセージ、およびソーシャル プッシュ通知に慣れており、アクティビティを知らせて次のステップに進むよう促しています。 これが、アプリが私たちの注意を引き付け、アプリへの通知の直感的な流れに反応する方法です。

これまでは、完全にモバイル エクスペリエンスでした。 Web サイトや Web アプリについては、メールや広告などで実際に促されてきました。直感的でも効果的でもありません。 現在、Web プッシュ通知は、Web アプリや Web サイトが、ユーザーがすでに気に入っている方法で簡単かつ効果的にユーザーを呼び戻すのに役立ちます。

プッシュ通知ウィジェット

Web プッシュ通知がどのように機能するか、またはエンゲージメントを高めるためにそれらを実装する方法がわからない? 心配ない。

Web プッシュ通知の簡単で包括的なガイドを次に示します。

コンテンツ:

  • Web プッシュ通知とは何ですか? また、それらの違いは何ですか?
  • 彼らはどのように機能しますか?
  • プッシュ通知の送信を開始するためのセットアップ方法
  • Web プッシュ通知を使用する利点
  • Web プッシュ通知の例
  • Beamer の Web プッシュ通知を実装する最も簡単な方法
  • Web プッシュ通知をより魅力的にする方法

Web プッシュ通知とは何ですか? また、それらの違いは何ですか?

Web プッシュ通知は、Web サイトまたは Web アプリからデバイスに送信される通知です。 通知は、Web サイトのオン/オフ、または製品にログインしているかどうかに関係なく、ユーザーに届きます。 サイトまたは製品からモバイル デバイス、タブレット、およびデスクトップにプッシュ通知を送信できるため、「Web」は少し誤解を招く可能性があります。 モバイル通知はモバイル アプリに関連するだけで、ユーザーをウェブサイトに誘導するものではありません。 Web プッシュ通知は、ユーザーを Web サイトや製品に呼び戻して、ユーザーの再エンゲージメントを促進するのに役立ちます。

彼らはどのように機能しますか?

Web プッシュ通知はブラウザーベースであり、実装するにはいくつかの異なる手順が必要です。

1. ユーザーから許可を取得します。

まず最初に、通知はサイト外で発生するため、ユーザーがサイトを離れた後も通知を送信し続ける許可をユーザーに得る必要があります。 これを行う最も一般的な方法は、オプトイン ボックスです。 これにより、ユーザーのブラウザーでプッシュ API を使用する許可が与えられます。 これにより、Web ブラウザーが、選択したWeb プッシュ通知サービスのサーバーから送信されたメッセージを受け入れて配信できるようになります。 ユーザーの詳細はプッシュ通知サーバーのバックエンドに保存されるため、すぐに受信できます。

モックプッシュプロンプト

2. メッセージを作成して送信します。

Web プッシュ通知ダッシュボードから、メッセージを作成し、オプトインしたユーザーを追跡し、メッセージをスケジュールできます。 送信すると、サーバーは API 呼び出しを介して Web 通知サービスにメッセージをプッシュし、適切なブラウザーとユーザーにメッセージをプッシュします。

3. ユーザーはブラウザからメッセージを受け取ります。

メッセージは、オプトインしたユーザーのブラウザーと、クライアント サービス ワーカーを介してそれを提示するブラウザーに到達します。

プッシュ通知の送信を開始するためのセットアップ方法。

驚くほど簡単です。 Web プッシュ通知サービスを選択し、その Javascript コードを Web サイトのヘッダーにインストールするだけです。 これは、文字通り数分で完了するコードなしのインストールです。 これにより、ユーザー情報の収集とオプトインを開始できます。 サービス プロバイダーには、オプトイン メッセージの設定、簡単なメッセージの作成、送信とスケジュール設定、ユーザーの追跡、データの分析を行うことができるダッシュボードがあります。 データ セキュリティの目的でプッシュ通知を送信するには、HTTPS で保護されたサイトが必要であることに注意してください。

Web プッシュ通知を使用する利点。

Web プッシュ通知を使用する理由多くの理由。 前述のように、モバイル アプリのプッシュ通知は、Web サイトやデスクトップ アプリですぐに停止します。 これらの通知を送信できるのはモバイル アプリのみであり、ダウンロードしていない場合は通知を受け取ることができません。 多くの企業が PWA (プログレッシブ Web アプリケーション) スタイルのサイトに移行しています。これは、ユーザーがモバイル エクスペリエンスのためにアプリをダウンロードすることを強制するのではなく、アプリのように機能して動作するようにコード化されたモバイル サイトです。 この場合、モバイル プッシュ通知は機能しません。 同様に、 Web通知 (「プッシュ」なし) は、特に誰かがあなたの Web サイトにいる場合にのみ機能します。 ユーザーが離れると、メッセージをユーザーに「プッシュ」することはできなくなります。 どちらも限界です。 Web プッシュ通知は、任意のデバイスのブラウザーを介してユーザーに到達でき、URL やアプリに制限されません。

Web プッシュ通知の例。

Web プッシュ通知としてどのようなメッセージを送信しますか? それは、オーディエンスと製品、およびユーザーに実行してもらいたいアクションの種類によって異なります。 以下は、他の企業がエンゲージメントを促進するために送信している Web プッシュ通知の例です。

新機能の発表:

これは、SaaS 企業のユーザーを引き付けるための非常に一般的な方法です。 新機能の発表は、エキサイティングな新機能を追加して、ユーザーを製品に引き戻す優れた方法です。 また、ユーザーがクリックしてすぐに新しい機能に取り掛かることができるという意味で、実用的でもあります。

割引とオファー:

多くの場合、e コマース サイトでは、割引やオファーについて、ターゲットを絞ったパーソナライズされたプッシュ通知を送信します。 特に時間制限のインセンティブを追加する場合は、顧客に商品を再検討してもらう良い方法です。 SaaS 企業はこれらを使用して、無料トライアルを開始したユーザーや、サイトにランディング ページを残したユーザーを呼び戻すこともできます。

新しいコンテンツまたは製品:

ブログやニュース サイトでは、通知を使用して新しい投稿や更新を発表する場合があります。 これらをセグメント化し、パーソナライズして、より高いエンゲージメントのためにユーザーの関心に焦点を当てることもできます。 同様に、e コマース サイトは、サイトでの過去の購入やエンゲージメントに基づいて、顧客が興味を持つ可能性のある新製品について、セグメント化され、ターゲットを絞ったプッシュ通知を送信する場合があります。

更新とバグ修正:

プッシュ通知でユーザーを引き付けるもう 1 つの方法は、問題が修正されたときに知らせることで、発生している問題を修正するためにチームが懸命に取り組んでいることをユーザーに示すことです。 これは、顧客サービスが優れており、チームが迅速に対応していることを示す優れた方法です。

実装する最も簡単な方法: Beamer の Web プッシュ通知。

Web プッシュ通知を起動して実行する最も簡単な方法は何ですか? Beamer の Web プッシュ通知サービスは簡単にインストールでき、完全でユーザー フレンドリーなダッシュボードを提供して、エンゲージメントを高め、ユーザーを製品に呼び戻す、魅力的で視覚的なメッセージを作成します。 Beamer は、Web サイトまたは製品インターフェイス内にあるアプリ内の変更ログです。 Beamer フィードに何でも更新を投稿でき、ユーザーはそれらを製品内のコンテキストで見ることができます。 Beamer フィードは、Web プッシュ通知の完全なインコンテキスト ランディング ウィンドウでもあります。 Beamer を使用すると、チームは写真、ビデオ、カラフルな CTA などを使用して最新情報を簡単に作成できます。 チームの誰もが魅力的なアップデートを作成できます。 さらに、人口統計、言語、場所、および過去の行動によってプッシュ通知をセグメント化し、ユーザーをより適切にターゲットにして、開封率とクリックスルー率を高めることができます。 Beamer のバックエンドは、メッセージとのエンゲージメントに関するすべての分析をチームに提供するため、どのメッセージと Beamer の更新が最も効果的かを確認できます。

モックプッシュ

Web プッシュ通知をより魅力的にする方法。

何事にも言えることですが、ユーザーの注意を本当に引き付け、求めているエンゲージメントを促進するものを作成するには、ある程度の創造性と手順が必要です。

画像と GIF を追加します。

プレーンテキストの更新が本当に好きな人はいません。 画像付きのアップデートやメッセージはエンゲージメント率が高く、視覚的にも魅力的です。 Beamer を使用してアップデートやメッセージに追加できるスクリーンショットや GIF は、新機能やバグ修正の説明にも役立ちます。 ビデオを追加して、何かがどのように機能するかをすばやく説明することもできるため、ユーザーはすぐに機能を使い始めることができます.

セグメント通知:

通知は、やりすぎると迷惑だという評判があります。 人口統計、場所、言語、および過去の行動に基づくセグメント化とターゲティングを使用して、よりターゲットを絞った魅力的な通知を送信します。 このようにして、ユーザーが気にしない通知をあまりにも多く送信することを避け、ユーザーにとって重要な通知に関心を持たせ続けることができます。 Beamer を使用して、セグメント化された Web プッシュ通知送信できます

モックプッシュセグメント

ブランドのタッチを追加します。

ユーザーがあなたの通知を期待し、認識し始めるのは良いことです。 通知にブランドの外観、感触、サウンドを持たせることで、ブランドの認知度を高め、ユーザーとの関係を築くことができます。 たとえば、Product Hunt のウェブ プッシュ通知には、何年にもわたって、GIF やバイラル写真、大量の絵文字を含む、短く説得力があり、多くの場合面白い見出しが常に含まれていました。 それは彼らのものになり、ユーザーから期待されました。 Beamer を使用すると、通知とフィードを変更して、ブランドのルック アンド フィールを実現できます。

Web プッシュ通知は、重要な場所で顧客にリーチするという点でベースをカバーし、当社のサイトまたは製品へのエンゲージメントを促進するのに役立ちます。 適切なサービスがあれば、チームは効果的な通知を簡単に作成できます。 Beamer を試して、アプリ内の変更ログと Web プッシュ通知を使用して、サイトの内外でユーザーとより良い関係を築きましょう。