ベンダーロックインなしでWebプッシュ通知を実装するためのガイド

モバイルおよびデスクトップブラウザユーザー向けの新しいエンゲージメントチャネルであるウェブサイト通知について耳にしたことがありますか？ Webプッシュ通知とは何かをご存知ですか？ Webプッシュ通知は、ユーザーを再エンゲージし、他の場所にいるときにウェブサイトに戻します。あなたはあなたのウェブサイトにこれを実装することを決定し、あなたに利用可能な様々なオプションについて混乱しています。 Parseの失敗の後、あなたは今、あなたのウェブサイトのプッシュ通知を実装するときにベンダーロックインがないことをどのように確認できるか疑問に思っています。

または、最初に実装したベンダーが十分な注意を払わず、ロックインされてしまい、現在では価格が高すぎると感じているために、これを読んでいるのかもしれません。常にWebプッシュ通知サービスプロバイダーが提供するプッシュ通知機能を確認してください。もしあなたが現在のプッシュ通知プラットフォームから他のプラットフォームに移行したい場合は、ここに記載されている手順に従ってください。

私たちPushEngageは、これについてオープンに書きたいと考えています。透明性は私たちのコアバリューです。第二に、私たちは顧客がロックインされているからではなく、私たちのプラットフォームでの体験のために、私たちと一緒にいてほしいと願っています。

お急ぎの場合は、TL;DRの概要をご覧ください。

HTTPSサイト

1. Safari証明書を使用していることを確認してください。追伸：2018年8月以降、ユニークなVAPIDキーを使用するようになったため、FCMキーは不要です。
2. ドメインで購読者を集めることを確認してください（つまり、最終的な許可はドメインで行われます）。

HTTPサイト

1. 独自のSafari証明書を使用していることを確認してください。追伸：2018年8月以降、ユニークなVAPIDキーを使用するようになったため、FCMキーは不要です。
2. HTTPSカスタムサブドメインを使用して、ドメインで購読者を集めることを確認してください。

詳細版については、先をお読みください。

ベンダーロックインなしでプッシュ通知を統合する方法を見ていきましょう。

公開前の基本的な質問事項

1)あなたのウェブサイトはHTTPですか、それともHTTPSですか？

HTTPSウェブサイト、またはHTTPSのサブドメインまたはウェブサイトの一部をお持ちですか？

HTTPまたはHTTPSとは？ ウェブサイトのURLを確認すると、PushEngageサイトで見られるような「安全」という緑色の鍵が表示されますか？

はいの場合は、HTTPSウェブサイトです。そうでない場合はHTTPです。 HTTPまたはHTTPSの詳細については、Wikiリンクをご覧ください。

なぜこれが重要なのか：プッシュ通知の購読と送信にはHTTPSドメインが必要なため、独自のドメインをお持ちの場合はそれを使用できます。後でこれにどのような利点があるかを確認してください。

HTTPSサブドメインをお持ちでない場合は、https://yourdomain.pushengage.com/のような、当社のサイトでホストされているHTTPSサブドメインを提供します。これは、ユーザーを購読させ、プッシュ通知を送信するために使用されます。これは、HTTPサイトで完全なポータビリティを実現するための鍵です。 カスタムサブドメイン設定は、当社のプラットフォームの機能として提供しています。

このサブドメインは通知にどのような影響を与えますか？

a)購読中、あなたのウェブサイトのユーザーはこのサブドメインを見ることになります。

ネイティブ購読ポップアップ

b) メッセージが送信されると、プッシュに表示されるサブドメインのURLが含まれます。これは、ユーザーをドメイン上の任意のURLに着陸させることができる場合でも同様です。

通知の例

上記の例では、CouponRani.comはHTTPSを使用する独自のカスタムサブドメインhttps://ping.couponrani.comを使用しました。これはサブスクリプションリクエストと通知に表示されます。

2) プッシュ通知の統合時にベンダーロックインを回避するための2つのステップ

ステップ1 PushEngageは現在、プラットフォームでVapidを使用しています。これは、すべてのユーザーアカウントに固有のVapidキーを作成します。すべてのプッシュサブスクライバーはこの固有のキーに関連付けられます。したがって、いつでも別のプラットフォームに移行したい場合、Vapidキーを使用してすべてのサブスクライバーをインポートできます。

ベンダーとして、PushEngageはお客様をロックインすることはありません。そのため、プッシュサブスクライバーの簡単なポータビリティのためにVapidキーを提供しています。

プッシュ通知のChromeアーキテクチャを見ると、プッシュサブスクライバーのブラウザで実行されるサービスワーカーのJavaScriptコードが必要です。これは、通知がブラウザに送信されたときに起動されます。次に、これはプッシュサーバーから通知を取得します。プッシュサーバーは、プッシュ通知を公開するために使用しているプラットフォームによってホストされていることがよくあります。これは、サブスクリプションと通知に使用されるHTTPSドメインからホストされます。

後で移行できるようにするには、サービスワーカーのJavaScriptコードを新しいものに置き換え、新しいプッシュサーバーを指すことができる必要があります。これは、HTTPSサブドメインを完全に制御できる必要があることを意味します。

ステップ2:したがって、ベンダーロックインを回避するために必要な2番目のことは、これらのプッシュ通知に独自のHTTPSサブドメインまたはHTTPSドメインを使用することです。サイト全体をHTTPSに移行するにはある程度の労力がかかります。SEOの観点から推奨されていますが、それでもある程度の労力が必要です。回避策は、HTTPSでサブドメインを持つか、HTTPSでサイト上のページを持つことです。 これは、管理下にあるドメインでサブスクリプションを収集する必要がある重要なステップです。

例: 上記の例のCouponRaniの場合、これはhttps://ping.couponrani.comでした。

これで、サブスクライバーを収集する場所と方法を特定しました。

そのため、製品の標準機能の一部としてカスタムサブドメインを構築しました。

PushEngageでカスタムサブドメイン設定を有効にするには、HTTPサイトの場合は次の手順を実行する必要があります。

a) SSL証明書を購入する
b) ドメインhttps://notify.yourdomain.comを設定し、SSL証明書を有効にする。このドメインのDNSマッピングを設定する必要がある。
c) 次に、PushEngageのインストールファイルをサブドメインに配置する必要がある。
d) これをPushEngageのカスタムサブドメイン設定に入力する。設定 > サイト設定 > カスタムサブドメインに移動する。

これで、ベンダーロックインなしでプッシュ通知を有効にできます。

[email protected]にメールでサポートチームに構成を確認してもらうと良いでしょう。

サブスクリプション管理とプッシュオプトイン収集のベストプラクティス

ウェブサイトでプッシュ通知を開始すると、購読者はゼロから始まります。購読者を徐々に増やし、リストを構築していく必要があり、これは非常に高いROIの可能性を秘めています。ベンダーにロックインされないことが確実になったら、プッシュ購読率の向上に集中しましょう。

したがって、ユーザーをサイトに購読させる最善の方法と、オプトイン率を向上させる方法を特定する必要があります。

一般的に、プッシュ購読者に対するサイトの購読/オプトイン率は、メールと同等になるはずです。これには2つの理由があると考えています。

• プッシュ通知を購読する際に、何も入力する必要はありません。テキストボックスに入力するよりもクリックの方が簡単です。
• ブラウザの設定を通じて、いつでもサイトのプッシュ通知をオプトアウトできるため、プッシュ通知の購読は完全に管理できます。

サブスクリプションオプトインの種類

前述のように、ベンダーロックインを回避するために、常にHTTPSウェブサイトを使用してください。プッシュ通知のオプトインには最大7種類あります。さらに、HTTPSサイトでは、最もコンバージョン率の高いプッシュ通知オプトインを使用できます。

どのように購読を収集すべきですか？HTTPSサイトの場合は、以下のようなネイティブポップアップが1つだけ表示されます。

ウェブサイトの一部のみがHTTPSの場合、ポップアップ、ベル、ボトムバーなどの他の要素を使用する必要があります。これらは、許可するとウェブサイトのHTTPSバージョンに移動します。

単一のグローバルリストで購読者を収集するだけでなく、ユーザーをセグメント化し、サイトのアクション、場所、その他の属性に基づいてさまざまなリストに入れることを検討してください。これは、PushEngageの自動セグメンテーションおよびカスタムセグメンテーション機能を使用して行うことができます。設定方法については、この投稿をお読みください。

ウェルカム通知

ユーザーがウェブサイトのプッシュ通知に正常に購読したことを認識していますか？プッシュ通知ポップアップ（多数）は混乱を招く可能性があるため、これは重要なユーザーエクスペリエンス要素であると考えています。ウェルカム通知は、購読が正常に完了したことを再確認します。ある意味では、これはウェルカムメールやメールでの購読確認に似ています。

Drip Web Push Campaignsを使用すると、ユーザーが購読してから30分後にウェルカム通知を送信できます。これは、顧客がサイトを離れた後に届きますが、サイトをはっきりと覚えており、何らかのアクションを促すのに良いタイミングであるため、より大きな影響を与える可能性があります。これは、30分後に送信されたウェルカムドリップの例です。

プッシュ通知を公開するための手順

統合の主要な側面を決定したら、プッシュ通知で本番稼働を開始できます。プロバイダーごとに異なるため、ここでは本番稼働の具体的な手順については説明していません。ほとんどのプロバイダーでは、ウェブサイトにJavaScriptコードを追加する必要があります。HTTPSサイトの場合は、いくつかの追加ファイルをインストールする必要がある場合があります。

プッシュ通知キャンペーンの例

購読者を収集して再エンゲージメントを行う準備ができたので、購読者に対してどのようなキャンペーンを実行しますか？これは広範な質問であり、答えはどのような種類のサイトを実行しているかによって異なりますが、一般的に使用されているキャンペーンの種類をいくつかご紹介します。

A. 新着記事アラートキャンペーン：ほとんどのニュースサイトにとって、ユーザーに情報をタイムリーに届けることは、成功のための最も重要な要素の1つです。速報、選挙キャンペーン、スポーツ、または現在のパンデミックであっても、購読者を更新する必要があります。

C. 値下げアラート：誰もが最安値を求めています。しかし、顧客は価格が下がったことをどのように知るでしょうか？値下げアラートキャンペーンを有効にして、お気に入りの商品の値下げについてユーザーに自動的に通知します。

D. クーポン/オファーアラート：プッシュ通知は即座に配信されます。そのため、フラッシュセールや期間限定セールを簡単に実行して収益を増やすことができます。

E. 在庫ありアラート：商品が再入荷したときにユーザーに通知することも重要です。プッシュ通知を使用すると、在庫が補充されたときにユーザーに自動プッシュ通知を送信できます。

F. ショッピングカート放棄キャンペーン – モバイルまたはデスクトップサイトでのカート放棄に基づいたターゲット通知を送信します

また、プッシュ通知プレイブックをチェックして、ウェブサイト用のさまざまなキャンペーンを作成することもできます。

概要

初期の結果は、ウェブプッシュ通知がROIの高いチャネルであり、急速に成長していることを示しています。そのため、ウェブサイトでぜひ試してみてください。ウェブプッシュ通知は新しい標準であるため、多くの新機能と変更が期待されます。ウェブサイトをプッシュ通知で有効にすることを検討する際は、より柔軟性の高い方法で実装してください。