iOS Webプッシュ通知の送信方法

アプリにiOSプッシュ通知を追加する方法(簡単な方法)

iOSプッシュ通知を送信してビジネスを成長させる方法のガイドをお探しですか?

あなたはまさに正しい場所にいます。

この記事では、プログレッシブウェブアプリ(PWA)にウェブプッシュ通知を追加し、最初のプッシュキャンペーンを作成して送信する方法を説明します。すべてコーディングなしで、10分未満で完了します。

良さそうですね?早速始めましょう!

アプリにiOSプッシュ通知を追加する方法

ウェブサイトにiOSおよびiPadOSのウェブプッシュ通知をインストールするのは難しくありません。ただし、いくつかの手順があり、このガイドにステップバイステップで従うことをお勧めします。

決して時間を早送りしないでください。そうすれば大丈夫です。

ウェルカムプッシュ通知キャンペーンを作成する前に、プッシュ通知サービスを選択する必要があります。プッシュ通知サービスは、コーディングなしでプッシュキャンペーンを作成できるソフトウェアです。

PushEngageの使用をお勧めします。

PushEngageでiOSプッシュ通知を送信する

PushEngage は世界No.1のプッシュ通知プラグインです。

プッシュ通知は、ウェブサイトのトラフィックとエンゲージメントを自動で増やすのに役立ちます。オンラインストアを運営している場合は、PushEngageが自動eコマースプッシュ通知の作成を支援することで、売上を伸ばすのにも役立ちます。

無料で開始できますが、ビジネスの成長に真剣に取り組んでいる場合は、有料プランを購入する必要があります。また、プッシュ通知サービスを購入する前に、プッシュ通知のコストに関するこのガイドを確認してください。

PushEngageで得られるものを簡単に見てみましょう。

ビジネスのトラフィック、エンゲージメント、売上を伸ばしたいのであれば、PushEngageが断然最良の選択肢であることがわかるでしょう。予算が限られている場合は、プッシュ通知で少しクリエイティブになることもできます。

始めましょう!

ステップ#1:無料のPushEngageアカウントを作成する

 PushEngageにアクセスし、今すぐ無料で始める:をクリックしてください。

PushEngage ウェブ通知 WordPress

無料プランで始めることができます。しかし、最も強力なブラウザ通知を探している場合は、ビジネスニーズに基づいて有料プランを選択する必要があります。必要なプランがわかったら、「開始する」をクリックしてPushEngageアカウントを作成してください。

ステップ#2:PushEngageにサインアップする

次に、PushEngageアカウントを作成します。メールアドレスまたはGmail IDでサインアップすることから始めます。

PushEngageアカウント設定

次に、アカウントの詳細を入力します。

PEアカウントを設定

そして、プランを購入するためにクレジットカード情報を追加します。

カードを追加 PE

無料アカウントを選択した場合、プランをアップグレードすることを選択するまで、クレジットカードに請求されることはありません。これで、PushEngageダッシュボードにアクセスする準備が整いました。 登録を完了してすぐにアクセスをクリックするだけです。

以前にOneSignalやPushAlertを使用したことがある場合、PushEngageはダッシュボードからよりクリーンなエクスペリエンスを提供することがわかります。OneSignalダッシュボードは高度なキャンペーン向けではありません。そのためには、OneSignalプラグインよりもAPIが必要になります。

ステップ3:ウェブサイトにウェブアプリマニフェストファイルを追加する

ウェブアプリマニフェストとは、誰かの携帯電話やコンピューターにインストールされたときに、ウェブサイトのガイドブックのように機能する特別なファイルだと考えてください。JSONという言語で書かれていますが、その部分は心配する必要はありません。

マニフェストファイルには、名前、説明、アイコン、色など、ウェブアプリに関する重要な情報が含まれています。そのため、誰かがウェブサイトをホーム画面に追加したり、デバイスにインストールしたりすると、ブラウザはこのマニフェストを使用して、アプリがどのように表示され、動作すべきかを知ります。

たとえば、マニフェストは、ホーム画面やアプリドロワーでアプリに使用するアイコンをブラウザに指示するため、見栄えが良く認識しやすくなります。また、アプリの色とテーマを指定して、一貫性があり魅力的な外観を提供します。

さらに、マニフェストには、誰かがアプリを起動したときに開かれるURLが含まれています。このようにして、ブラウザはウェブサイトのどのページまたはセクションを最初に表示するかを知ることができます。

マニフェストファイルの作成は、面倒な作業を代行してくれるオンラインツールで迅速に行うことができます。この無料アプリマニフェストジェネレーターを使用して、数回のクリックとコーディングなしでウェブアプリマニフェストを構築することをお勧めします。

マニフェストが準備できたら、通常は「manifest.json」という名前を付けて、ウェブサイトのルートフォルダーにアップロードします。

要するに、ウェブアプリマニフェストは、人々がデバイスでウェブアプリを使用するときに、見た目と感触をちょうど良くするためのマニュアルのようなものです。ウェブサイト訪問者にとって優れたユーザーエクスペリエンスを作成するための不可欠な部分です。

典型的なマニフェストは、次のようなものになります。

{
	"name": "PushEngage",
	"short_name": "PushEngage",
	"start_url": "/",
	"display": "standalone",
	"theme_color": "#3b43ff",
	"background_color": "#ffffff",
	"icons": [
		{
			"src": "icon/icon-128x128.png",
				"sizes": "128x128",
				"type": "image/png"
		},
		{
			"src": "img/icon-192x192.png",
			"sizes": "192x192",
			"type": "image/png"
		},
		{
			"src": "img/icon-512x512.png",
			"sizes": "512x512",
			"type": "image/png"
		}
 	]
}

マニフェストファイルをウェブサイトサーバーのルートフォルダーに追加したら、ウェブサイトのHTMLヘッドにコードスニペットを追加する必要があります。スニペットは次のようになります。

<link rel="manifest" href="/manifest.json">

WordPress を使用していて、このコード スニペットをサイトのヘッダーに追加する方法がわからない場合は、WPCode を使用してマニフェスト ファイルをアップロードできます。これは、WordPress の 最高のコード スニペット プラグインの 1 つです。

ステップ #4: PushEngage を WordPress サイトにインストールする

注意: WordPress サイトを実行していない場合は、インストール ガイドを確認してください。

アカウントの作成が完了しました。 PushEngageダッシュボードにアクセスし、以下に従ってください:

PushEngageダッシュボード

サイト設定 » サイト詳細をクリックし、セットアップ手順はこちらをクリックボタンをクリックしてください:

PushEngageインストール設定

WordPressタブをクリックし、PushEngage WordPressプラグインをインストールボタンをクリックして、ウェブサイトにプラグインをインストールしてください。

PushEngage WordPressインストール

クールな点: PushEngage アカウントを作成したときに、すでにウェブサイトを PushEngage アカウントと同期しています。そのため、PushEngage ダッシュボードのインストールリンクをクリックして、PushEngage WordPress プラグインをウェブサイトに自動的にインストールしてください。

ステップ #5: WordPress ウェブサイトを PushEngage に接続する

PushEngage WordPress プラグインのインストールと有効化が完了すると、PushEngage のオンボーディング ウィザードが表示されます。

PushEngageウィザード

ウィザードは非常にわかりやすいです。新規ユーザーの場合は、新規?無料アカウントを請求をクリックしてください。すでにサインアップ済みの場合、既存のアカウントを接続をクリックしてください。

次に、サインアップ中にサイトを登録した場合、登録済みサイトを接続の下にあるサイトを選択ドロップダウンからサイトを選択できます:

PushEngageにサイトを登録

または、 プレミアムプラン以上をお持ちの場合は、新規サイトを登録をクリックして新しいサイトを追加できます。次のステップでは、オンボーディングウィザードが他の 必須のWordPressプラグインをインストールするように促します。

推奨WordPressプラグイン

各ステップを正しく実行すると、ウィザードからこの成功メッセージが表示されます。

PushEngageのインストール成功

これで、キャンペーンやプッシュ通知ポップアップモーダルを作成する準備が整いました。

ステップ #6: ウェブサイトのマニフェストをテストする

それでは、ウェブアプリをテストし、すべてがスムーズに動作していることを確認する手順を説明します。

まず、iPhone または iPad の Safari ブラウザを使用してウェブサイトを開きます。デバイスで iOS 16.4 以降を実行していることを確認してください。ウェブサイトが読み込まれると、上向きの矢印が付いた四角形の 共有 ボタンが表示されます。そのボタンをタップして共有メニューを開きます。

共有メニューで、ホーム画面に追加 というオプションを見つけるはずです。そのオプションをクリックしてください。

ホーム画面に追加

これで、App Store からダウンロードした他のアプリと同様に、ウェブアプリがデバイスの ホーム画面 に保存されます。

すべてが正しく設定されていれば、ホーム画面からアプリを開いても、Safari ブラウザでは開かなくなります。代わりに、iPhone または iPad で通常のアプリを使用しているような感覚になります。

ユーザーがアプリからウェブプッシュ通知を受信できることを知らせるには、画面にバナーを表示できます。このバナーは、アプリを ホーム画面 に追加してウェブプッシュ通知を購読するように促します。これは、ユーザーをアプリに引き付け、重要な更新情報を受け取るための便利な方法です。

したがって、これらの手順に従えば、iOS デバイスのユーザーにスムーズでアプリのようなエクスペリエンスを提供する準備が整います。プッシュ通知のテストに関する完全なチュートリアルについては、iOS ウェブプッシュ通知に関するドキュメントを確認してください。

キャンペーンをパーソナライズする方法

キャンペーンを作成する前に、セグメントとオーディエンス グループを設定して、パーソナライズされた プッシュ メッセージを送信する必要があります。

プッシュ通知購読者向けのセグメントとオーディエンスグループを作成することで得られるパーソナライゼーションのレベルを超えるものはありません。 PushEngage » オーディエンスにアクセスし、すぐにセグメントとオーディエンスグループの作成を開始してください。

セグメントタブの下で、新しいセグメントを作成したり、既存のセグメントを編集したりできます:

PushEngage WordPressプラグインセグメント

さらに深いパーソナライゼーションが必要な場合は、オーディエンスグループタブでオーディエンスグループを作成してください:

PushEngage WordPressプラグインのオーディエンスグループ

プッシュ通知セグメントとパーソナライズされたプッシュ通知が初めての方は、セグメントの作成方法に関する記事と、高度なオーディエンスグルーピングに関する発表をご覧ください。

最もクールな点は、iOS および iPadOS ユーザーのみの オーディエンス グループを作成することで、ターゲットを絞ったプッシュ キャンペーンを作成できることです。

iOSおよびiPadOSをターゲットにするオーディエンスグループ

そして、このオーディエンス グループをドリップ キャンペーンやブロードキャストに使用できます。

プッシュ通知ドリップ キャンペーンの作成方法

PushEngage ダッシュボードに移動し、キャンペーン » ドリップ自動応答 に進み、新しいドリップ自動応答を作成 をクリックします。

新しいドリップ自動返信を作成する

次に、キャンペーンに名前を付け(「ウェルカムドリップ」のような名前をお勧めします)、コンテンツの下で、「ユーザー登録直後に通知を送信」というオプションを選択します。

ウェルカムドリップの作成

この時点で、通知の横にある矢印をクリックして、通知の内容を編集できます。

PushEngageのプレミアムまたはエンタープライズプランをご利用の場合、複数の通知を追加して一連の自動ウェルカムメッセージを作成できます。新しい通知を追加をクリックしてコンテンツを編集するだけです。

完了したら、ドリップ設定をクリックし、ウェルカムキャンペーンをすべての購読者に送信するオプションを選択します。

すべての購読者にプッシュ通知を送信する

次に、下にスクロールして独自のUTMパラメータを設定し、プッシュ通知を追跡します。

RSSプッシュ通知のUTM

完了したら、上にスクロールして戻り、自動応答を有効にするボタンをクリックします。

自動返信をアクティブにする

これで完了です!

iOSウェブプッシュブロードキャストの送信方法

PushEngageダッシュボード」にアクセスし、「Campaign » Push Broadcasts」に移動して、「Create a New Push Broadcast」ボタンをクリックします。

新しいプッシュブロードキャストを作成

Content」タブで、プッシュ通知のコンテンツを追加します。

プッシュブロードキャストコンテンツ

また、クリック率を向上させるためにA/Bテストを設定したり、より多くの表示回数を獲得するためにプッシュブロードキャストをスケジュールしたりすることもできます。いずれの場合も、最良の結果を得るために、プッシュ通知のベストプラクティスを確認してください。

iOSプッシュ通知ポップアップモーダルの作成方法

プッシュ通知ポップアップモーダルとは、ウェブサイト訪問者にメッセージや通知を表示するために、ウェブサイトまたはモバイルアプリのインターフェイスの上に表示される小さなウィンドウのことです。

ポップアップモーダルは、さまざまなイベントによってトリガーされる可能性があります。ページ訪問時、スクロール深度時、さらにはボタンクリックのようなカスタムアクション時にトリガーされるようにポップアップを設定できます。

通常、ポップアップモーダルには、「購読」や「許可」などの行動喚起が表示され、訪問者からプッシュ通知を送信することへの同意を得ます。このチュートリアルに従えば、次のようなポップアップを作成できます。

セグメント付きの大きなSafariスタイルオプトイン

登録者を直接セグメント化できるポップアップモーダルを作成したり、ジオロケーションやブラウザなどのデフォルト属性で登録者を収集するだけの通常のポップアップを作成したりできます。

WordPressダッシュボードに戻ります。PushEngage » デザインに移動します。

PushEngage WordPressプラグインでポップアップモーダルをデザイン

そして、好きなだけ多くのポップアップモーダルを作成できます。もちろん、各ポップアップモーダルの表示オプションの下で、異なる時間にトリガーされるようにすることができます。

スクロールベースのプッシュ通知オプトイン

ここでのアイデアは、訪問者に購読する確かな理由を与えることです。そのためのヘルプが必要な場合は、カスタムプッシュ通知オプトインを作成する方法 に関する記事を確認してください。

セグメント付きの大きなSafariスタイルオプトイン

よりターゲットを絞ったポップアップモーダルを作成したい場合は、ターゲティングルールタブの下にあるターゲティングルールを使用できます。

ターゲティングルールを有効化 WordPress PushEngage

これらはグローバルなターゲティングルールであり、個々のポップアップモーダルのターゲティングルールよりも優先されます。ただし、必要に応じて、それらを編集することで、各モーダルに堅牢なターゲティングルールを作成できます。

PushEngageオプトイン購読ルール

たとえば、さまざまな国の訪問者をターゲットにするために、さまざまな言語でポップアップモーダルを作成できます。

開始するためにクリック率の高いテンプレートが必要な場合は、コンバージョン率の高いプッシュ通知オプトイン に関するこの記事を確認してください。

iOSプッシュ通知を送信する前にやること

ほぼ完了です。

プッシュ通知の送信を開始する前に、ウェブサイトにサブスクリプションのオプトインを設定する必要があります。オプトインは、ウェブ訪問者をプッシュ通知の購読者に変換します。したがって、これは重要な要素です。

インスピレーションが必要な場合は、コンバージョン率の高いプッシュ通知オプトインに関するこの記事を確認できます。オプトインの設定が完了したら、サイトは登録者情報を収集できます。しかし、オプトインが正常に機能していることをどのように確認しますか?

したがって、賢明なのは、ウェルカムプッシュ通知を設定することです。

ヒント: 本格的なプッシュ通知のテストに時間をかけるべきです。これにより、最も一般的な問題がトラブルシューティングされ、後で問題を解決しようと時間を無駄にすることはありません。

iOSプッシュ通知を送信した後にやること

今回は以上です、皆さん!

この記事がお役に立った場合は、ぜひ下記のコメント欄にご記入ください。

プッシュ通知の開始は intimidating に見えるかもしれません。しかし、目標追跡と分析に注意を払っていれば、大丈夫なはずです。さらに重要なのは、プッシュ通知キャンペーンの助けを借りて、より多くの利益を得られることです。開始に役立つクールなリソースをいくつか紹介します。

プッシュ通知が初めての場合は、PushEngageを試してみてください。PushEngageは市場でNo.1のプッシュ通知ソフトウェアです。あなたのキャンペーンは安全な手に委ねられます。

ですので、まだの場合は、今すぐPushEngageを使い始めましょう

コメントを追加

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従ってモデレーションされ、すべてのリンクはノーフォローとなりますのでご注意ください。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

ウェブサイトを離れた後も訪問者をエンゲージし、維持する

見逃せないプッシュ通知で、すべてのウェブ訪問の価値を高めましょう。

  • 永久無料プラン
  • 簡単なセットアップ
  • 5つ星サポート