ウェブサイトでウェブプッシュ通知を設定する方法についての、簡単で分かりやすいガイドをお探しですか？
お任せください。
この記事では、次のような場合でも、ウェブサイトでウェブプッシュ通知を設定する方法をご紹介します。
- 初めて行う場合
- 担当の開発者がいない場合
- 過去にプッシュ通知をサイトに追加しようとして失敗した場合
一番良いところは？専門用語を使わずに設定方法をご説明します。そのため、開発者でなくても、プッシュ通知を非常に簡単にインストールできます。
この記事では、PushEngageを使用してウェブサイトにプッシュ通知を設定します。PushEngageは世界No.1のプッシュ通知ソフトウェアです。そのため、キャンペーンは安全に管理されます。
さあ、始めましょう。
サイトにプッシュ通知をインストールする方法
始める前に、この記事の最後にサイトで何ができるようになるかの簡単な概要をご覧ください。このチュートリアルの手順に従えば、次のようなサイトからプッシュ通知を送信できるようになります。
サイトをどのように開発したか、どのようなビジネスを運営しているか、その他の技術仕様は一切関係ありません。どちらの場合でも、サイトにプッシュ通知をインストールできます。
さあ、始めましょう。
ステップ1：PushEngageアカウントの設定
PushEngage のホームページにアクセスし、開始ボタンをクリックします。
PushEngageを試すために無料プランを選択できますが、ビジネスの成長を真剣に考えている場合は、有料プランを選択してください。有料プランには、より優れたオーディエンスターゲティングオプションとキャンペーン自動化機能が含まれています。
アカウントにサインアップしたら、PushEngageダッシュボードにアクセスし、[設定] » [サイト設定] » [インストール設定] に移動します。
この画面でサイトのURLとIDを設定できます。プッシュ通知キャンペーンやブロードキャストのために、ロゴとサイトURLを設定してください。
すべてのプッシュ通知購読者は、通知でサイト名、サイト画像、サイトURLを確認できます。そのため、後でプッシュ通知をテストできるように、今すぐ設定してください。
ステップ2：PushEngageからインストールコードを取得する
次に、PushEngageダッシュボードにアクセスして、インストールコードを取得する必要があります。設定 » サイト設定 » インストール設定にアクセスしてください。
このタブ内では、さまざまな種類のウェブサイトに対して異なるコードを取得できることがわかります。お使いのサイトに適したものを見つけてコピーしてください。タブに記載されていないCMSでサイトを運営している場合は、サイトにSSL証明書がインストールされているかどうかに基づいて、HTTPまたはHTTPSタブのいずれかにアクセスしてください。
次の部分は非常に重要です。この手順を実行しないと、サイトはプッシュ通知購読者を取得できなくなります。
HTTPSサイトを使用しており、サーバーのルートフォルダにアクセスできる場合は、同じタブからservice-wroker.jsファイルをダウンロードする必要があります。次に、それをルートフォルダにアップロードしてください。
注意： service-workerファイルをルートフォルダにアップロードできない場合は、別のフォルダにファイルをアップロードすることもできます。PushEngage ダッシュボード » 設定 » サイト設定 » 詳細設定にアクセスしてください。
サービスワーカー設定の指示に従うだけで完了です。
最後に、PushEngageのインストールコードをウェブサイトのHTML<head>に配置します。HTMLコーディングに慣れている開発者であれば、この方法をすでに知っているはずです。
しかし、HTML初心者で、サイトの運営にCMSを使用している場合は、心配いりません。HTML<head>を編集するプロセスは、プラットフォームによって異なります。そのため、最も人気のあるプラットフォームごとに、詳細なステップバイステップガイドを作成しました。
- WordPressにプッシュ通知をインストールする
- WordPressにプッシュ通知をインストールする（プラグインなし）
- WooCommerceにプッシュ通知をインストールする
- Wixにプッシュ通知をインストールする
- Bloggerにプッシュ通知をインストールする
- Zohoにプッシュ通知をインストールする
- Volusionにプッシュ通知をインストールする
- Weeblyにプッシュ通知をインストールする
- ClickFunnelsにプッシュ通知をインストールする
- PrestaShopにプッシュ通知をインストールする
- OpenCartにプッシュ通知をインストールする
- CS-Cartにプッシュ通知をインストールする
- Drupalにプッシュ通知をインストールする
- Squarespaceにプッシュ通知をインストールする
- X-Cartにプッシュ通知をインストールする
- BigCommerceにプッシュ通知をインストールする
- Jimdoにプッシュ通知をインストールする
重要：一部のウェブサイトビルダーやCMSでは、ダッシュボードから直接インストールコードを挿入できます。PrestaShopなどの他のインスタンスでは、代わりにPushEngage APIキーを使用する必要があります。そのため、プッシュ通知コードを正しく追加するには、プラットフォーム固有のチュートリアルに従うことをお勧めします。
ステップ#3：PushEngageオプトインの設定
最後に、PushEngageダッシュボードで、設定 » サブスクリプション設定 » サブスクリプションダイアログボックス » 編集に移動します。
ここからプッシュ通知のオプトインをカスタマイズできます。ヘルプが必要な場合は、カスタムプッシュ通知オプトインの作成方法に関するこの記事を確認してください。
インスピレーションが必要な場合は、コンバージョン率の高いプッシュ通知オプトインに関するこの記事を確認できます。
ボーナスステップ：ウェルカム通知の作成
オプトインの設定が完了すると、サイトは購読者を取得できるようになります。
しかし、プッシュ通知が正しく機能していることをどのように確認できますか？
設定がスムーズに進んだかどうかを確認するために、ウェルカムプッシュ通知を作成することをお勧めします。ウェルカム通知とは、新しい購読者に送信して、購読を確認し、歓迎するためのプッシュ通知です。
設定 » サイト設定 » インストール設定に移動し、ウェルカムメッセージを設定します。
最後に、サイトに戻り、すべてがスムーズに機能しているかどうかを確認するために、独自のプッシュ通知を選択してください。
これで完了です！
ウェブサイトにウェブプッシュ通知を正常に設定しました。PushEngageダッシュボードに戻り、プッシュ通知キャンペーンの作成を開始する時間です。
まとめ
プッシュ通知が初めての場合は、公開する前にプッシュ通知テストの本格的なプロセスに従う必要があります。これにより、訪問者が見て問題が発生する前に一般的な問題をトラブルシューティングできます。
これらにつまずいた場合は、カスタマーサクセスマネージャーにお問い合わせいただくことをお勧めします。どのような問題でも喜んでお手伝いさせていただきます。プッシュ通知は、サイトへのリピートトラフィックを促進し、直接販売とエンゲージメントを成長させるための優れた方法です。
まだ納得できませんか？これらの素晴らしいリソースをチェックしてください：
まだお試しでない場合は、ぜひPushEngageをお試しください。PushEngageは世界No.1のプッシュ通知サービスです。したがって、ビジネスの成長に真剣に取り組んでいるのであれば、PushEngageが最適な選択肢です。
