お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

適切なプッシュ通知は高い開封率を持つことがありますが、関係のない通知を多く送ると逆効果になり、ユーザーがアプリケーションの使用をやめてしまう可能性があります。PageSenseでは、訪問者がブラウザーに通知を許可するかどうかを選択できるカスタマイズされたオプトインメッセージを作成することができます。ユーザーが通知を許可すると、その情報は購読者リポジトリに追跡され、保存され、将来のメッセージの送受信が開始されます。これは、顧客がイライラするかもしれない望ましくないアラートを表示する前に、通知の価値を説明する最も簡単な方法の一つです。

プッシュ通知をPageSenseで開始する前に、プロジェクト設定で「ユーザーの購読を許可する」オプションを有効にし、希望のオプトインタイプを選択してください。このオプションを有効にしないと、ユーザーはウェブサイトのプッシュ通知を購読して表示することができません。

ユーザーが通知のオプトインまたはオプトアウトを設定できるようにするには：
1. 右上隅にある プロジェクト設定をクリックし、ウェブ プッシュ通知を選択します。

2. ユーザーが購読できるようにするボタンを有効にし、オプトインのタイプのいずれかを選択してください：

1. ワンステップオプトイン（HTTPSのみ）： この方法では、ブラウザがユーザーに対してウェブプッシュ通知の購読を求めるネイティブなブラウザプロンプトを表示します。ユーザーはボタンを1回クリックするだけで購読できます。. 訪問者は単に 許可 をクリックして、ウェブサイトからの通知を受け取ることができます。
   
   

   重要：HTTPSのウェブサイト/ SSL証明書を持つサイトのみで動作します。
   
   ネイティブブラウザプロンプトとは何ですか？
   ネイティブブラウザプロンプトは、ブラウザの検索バーの上部左隅に表示され、ウェブプッシュ通知を許可または拒否するオプションが含まれています。ユーザーは、許可ボタンをクリックしてウェブプッシュ通知に購読する必要があります。

   次の手順で行います: 
   
   a.1. 表示オプトインボックスの下で、プロンプトが表示されるタイミングを指定します。時間の遅延後またはユーザーがウェブサイトにアクセスした直後に表示されるように設定できます。
   
   

a.2. テキストボックス内のスクリプトをコピーし、ウェブサイトのルートディレクトリ内のservice-worker.jsファイルに貼り付けます。

Zoho Sitesを使用してウェブサイトを作成している場合は、以下の手順に従って簡単にservice-worker.jsファイルをサイトに追加できます:
1. One-step opt-in（PageSense）からJSコードをコピーし、「service-worker.js」という名前でコンピュータのテキストエディタに保存します。
2. Zoho Sitesアカウントにログインし、オプトインを有効にするウェブサイトを選択します。
3. 上部バーの設定オプションをクリックし、コンテンツセクションに移動し、ファイルをクリックします。
4. 次に、アップロードをクリックし、コンピュータに保存されたserver-worker.jsファイルを選択します。
5. 最後に、公開をクリックします。

以下のように、ワンステップオプトインはブラウザウィンドウの左上隅にネイティブのブラウザプロンプトを表示し、ウェブサイトからの通知をブロックまたは許可するオプションを提供します。

1. 2段階のオプトイン：この方法では、訪問者に対してカスタムの通知プロンプトが最初に表示され、なぜユーザーがウェブプッシュ通知に登録すべきかが伝えられます。ユーザーが許可をクリックすると、ブラウザはユーザーにウェブプッシュ通知の登録を求めるネイティブなプロンプトを表示します。。
   

   

   重要：HTTPおよびHTTPSの両方のウェブサイトで機能します。
   

   手順：
   

   b.1. サブドメインのテキストボックスに、ユーザーにネイティブブラウザのプロンプトに表示される独自のドメイン名を入力します。
   

   

   注意：サブドメイン名を追加することで、ユーザーに通知が実際にビジネスサイトから送信されたことがわかります。たとえば、サブドメイン名をZylkerfashionとすると、ユーザーが「許可」ボタンをクリックすると、以下のようにプロンプトのオプトインボックスにzylkerfashion.cdn.pagesense.ioが表示されます。
   
   
   
   
   b.2. 表示オプトインボックスの下で、ユーザーがウェブサイトにアクセスした直後にプロンプトが表示されるか、時間の経過後に表示されるかを指定します。
   
   
   
   
   
   b.3. 通知のデフォルトアイコンとして使用されるアイコンをアップロードします（このアイコンは通知作成プロセス中に変更できます）。
   b.4. 通知のタイトル、説明、および訪問者に表示する許可/不許可ボタンのテキストなど、必須フィールドを入力します。これらの通知がデスクトップとモバイルブラウザでどのように表示されるかのプレビューも、右側のプレビューセクションで確認できます。
   
   
   以下のように、ユーザーは最初に画面の上部中央にカスタム通知プロンプトを表示され、ウェブサイトからの通知の表示許可を求められます。ユーザーがプロンプトの許可 ボタンをクリックすると、子ウィンドウが表示されます。
   

b.5. モバイルでの通知を許可するボタンを有効にすると、訪問者のモバイルブラウザに通知バナーが表示されます。
b.6. 子ウィンドウ設定ボタンを有効にすると、ユーザーにカスタマイズされた通知メッセージを追加し、訪問者に通知の購読を促すことができます：

1. Opt-inテキストフィールドの下に、ウェブサイトからのプッシュ通知の購読を促すタイトルテキストを入力してください。例えば、「'許可'をクリックして通知を受け取る」などのメッセージを表示することができます。
2. オファーテキストフィールドの下に、オプトインの本文に表示されるテキストを入力してください。例えば、「最新のニュースやオファーを受け取るために購読してください！」などと表示することができます。

ユーザーがカスタム通知のプロンプトで「許可」ボタンをクリックすると、以下に示すように入力したサブドメイン名を含むネイティブブラウザのプロンプトが表示され、そこからユーザーは次の操作を行います：

1. ユーザーはネイティブのプロンプト上の「許可」ボタンをクリックして、購読を確認する必要があります。
   
2. ユーザーが「Box Prompt」で「許可」をクリックし、「Native Browser Prompt」で「許可しない」をクリックすると、ユーザーは購読解除されたままです。
   

c. カスタムオプトイン： この方法では、ユーザーがウェブサイト上のボタンやリンクをクリックすると、オプトインボックスが表示されます。必要に応じてボタンやリンクテキストの名前、色、位置をカスタマイズすることができます。

以下の手順で行います：

c.1. サブドメインのテキストボックスに、ユーザーに表示される独自のドメイン名を入力します。 

注: サブドメイン名を追加することで、ユーザーに通知が実際にビジネスサイトから送信されたことを知らせることができます。例えば、サブドメイン名をZylkerfashionとすると、ユーザーが「許可」ボタンをクリックすると、プロンプトのオプトインボックスにはzylkerfashion.cdn.pagesense.ioと表示されます。

c.2. コピーをクリックして、ボタンまたはリンクコードをコピーし、ウェブサイトのHTMLに貼り付けます。必要に応じてCSSを使用してコードスニペットのスタイルをさらに設定できます。

以下に示すように、カスタムオプトインでは、ユーザーは最初にウェブサイト上で「通知を受け取る」ボタンを表示します。ユーザーがこのボタンをクリックすると、画面の上部中央にカスタム通知プロンプトが表示され、ユーザーに対してウェブサイトからの通知を表示する許可を求めます。

 
ユーザーがプロンプト上の許可ボタンをクリックした後、サブドメイン名が表示された子ウィンドウ内でネイティブブラウザのプロンプトが表示され、そこから以下の操作が可能です：

1. ユーザーは、ネイティブプロンプト上の許可ボタンをクリックして、購読を確認する必要があります。
   
2. ユーザーがボックスプロンプト上で許可をクリックし、ネイティブブラウザプロンプト上で許可しないをクリックした場合、ユーザーは未購読のままとなります。
   
   
   

デスクトップやモバイルデバイスにウェブプッシュ通知が配信されるのは、ウェブブラウザとオペレーティングシステムの通知設定が有効になっている場合のみです。したがって、ウェブサイトから通知を送受信する前に、デバイスの設定を確認してこれらの設定をオンにしてください。