ポップアップ統合ガイド
このページでは、ウェブサイトのルートにサービスワーカーを設定できない場合の代替方法によるウェブプッシュ通知の統合手順について詳しく説明します。この方法を使用する場合：
- Fanplayrが、お客様のためにホストするカスタムドメイン（例：
your-brand.n.fplr.co）上のポップアップでサービスワーカーを管理します。 - ユーザーは、通知を購読する際に追加の手順として、ブランド化されたポップアップウィンドウを表示されます。
- ユーザーに送信される通知は、お客様のドメイン名ではなく、ブランド化されたポップアップドメインから発信されたものとして表示されます。
要件
- お客様のウェブサイトは、Fanplayrがお客様のためにホストするカスタムドメイン（例：
your-brand.n.fplr.co）へのポップアップウィンドウを開くことを許可する必要があります。
制限事項
ブラウザサポート
Push APIを実装している最新のウェブブラウザおよびオペレーティングシステムでサポートされています。
| デバイス | ブラウザ | サポート |
|---|---|---|
| デスクトップ | Chrome | v42+ |
| デスクトップ | Edge | 17+ 注意: Edgeは、URLバーの小さな「ベル」アイコン (🕭) の後ろに通知リクエストを隠すことが多く、ユーザーがリクエストに気づきにくくなります。 |
| デスクトップ | Firefox | 非サポート |
| デスクトップ | Opera | v29+ |
| デスクトップ | Safari | macOS Venturaでv16+ |
| モバイル | Chrome Android | v42+ |
| モバイル | Firefox for Android | 非サポート |
| モバイル | Opera for Android | v29+ |
| モバイル | Safari on iOS | 非サポート |
ユーザーに購読を促すFanplayrウィジェットを使用する場合、「Webプッシュ通知を購読可能」というセグメンテーションフィルターを利用して、現在購読しておらず、サポートされているウェブブラウザを使用しているユーザーのみがウィジェットの対象となるようにしてください。
ユーザーエクスペリエンス
- 通知送信の許可をリクエスト: まだ通知を購読していないユーザーには、購読を促すメッセージ（例：「最新のニュースとお得な情報を受け取ろう」）が表示されたウィジェットが表示されます。ユーザーがメインの行動喚起（CTA）をクリックすると、ブランド化されたポップアップウィンドウが開きます。
- ポップアップウィンドウが許可をリクエスト: ユーザーは、ウェブサイトに合わせてブランド化され、購読プロセスを続行するよう促すメッセージが表示されたポップアップウィンドウを確認します。ユーザーがメインの行動喚起（CTA）をクリックすると、ブラウザがプッシュ通知の送信許可を求めます。
- ユーザーが許可を付与: ユーザーがプッシュ通知の受信に同意した場合、ブラウザのプロンプトで「許可」または「はい」をクリックできます。この時点で、購読が作成されFanplayrのデータベースに保存され、その後通知の送信に使用されます。
- Fanplayrがプッシュ通知を送信: お客様のビジネスは、Fanplayrのメッセージングサービスを通じて購読ユーザーに通知を送信します。ユーザーは、ブラウザが開いている限り、たとえお客様のウェブサイトを直接訪問していなくても、これらの通知をデバイス上で確認できます。
ベストプラクティス
実際にブラウザの許可をリクエストする前に、ユーザーが通知の購読に興味があるかどうかを尋ねる中間的なウィジェットを表示するために、Fanplayrのターゲティング機能を使用することを強くお勧めします。これはいくつかの理由から重要です:
- ユーザーが通知を有効にするためのブラウザの許可リクエストをブロックした場合、ユーザーがブラウザ設定で明示的に許可をリセットしない限り、再度許可をリクエストすることはできません。
- 購読作成プロセスにはポップアップを開くことが含まれます。ユーザーがウェブサイトにアクセスした際に突然ポップアップが開くと、ユーザーエクスペリエンスに悪影響を与える可能性があります。代わりに、ユーザーがクリックすると通知を購読できるポップアップが開くような行動喚起（CTA）を常に表示すべきです。
統合ガイド
現在、この統合方法には、お客様のカスタマーサクセスマネージャーとの連携が必要です。開始するには、彼らに連絡してください。その際に、以下を行います：
- ポップアップに使用するカスタムドメイン名を決定します（例：
your-brand.n.fplr.co）。 - ポップアップのブランディングをお客様のウェブサイトに合わせて調整します。
- カスタマーサクセスマネージャーから、ウェブサイトのすべてのページに含める必要がある小さなHTMLスニペットの指示を受け取ります。これにより、FanplayrのターゲティングJavaScriptライブラリは、定義したカスタムポップアップドメインを使用してWebプッシュ通知を使用できることを認識します。