> ## Documentation Index > Fetch the complete documentation index at: https://moengage.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Self-Handled オプトインの設定 > MoEngage の Self-Handled オプトインを使用して、ブラウザのプッシュ権限プロンプトを表示するタイミングと場所を制御します。 Web SDK を使用して Self-Handled オプトインオプションを統合できます。MoEngage アプリで Self-Handled オプトインを選択する必要があります。 詳細については、[Web Push 設定の構成](https://www.moengage.com/docs/user-guide/campaigns-and-channels/web-push/getting-started-with-web-push/configure-web-push-settings)を参照してください。 ## Self-Handled オプトイン 特定のページや特定のアクションの後にのみ、ブラウザのオプトインを選択的に表示できる詳細設定です。プッシュ権限を表示するには、スクリプトから `Moengage.callWebPush()` 関数を呼び出す必要があります。 ```html HTML wrap theme={null} ``` （必須）プッシュ権限を表示するには、スクリプトから `Moengage.callWebPush()` 関数を呼び出します。 ```html HTML wrap theme={null} ``` サンプルコードの詳細については、[サンプルコード](https://github.com/moengage/webSDK-sample/blob/master/self-handled-push.html)を参照してください。 ## カスタム Soft-Ask を使用した Self-Handled オプトイン Web サイト用にパーソナライズされた Soft-Ask を構築している場合、MoEngage では次の手順を推奨しています。 SOFTASK ### カスタム Soft Ask を有効にする 1. MoEngage アプリで Self-Handled オプトインの設定が選択されていることを確認します。 2. Web サイト用にパーソナライズされた Soft-Ask の HTML を作成します。 3. HTML 内の次のクラス属性を必ずメモしておきます。 1. Soft-Ask の HTML 全体を囲む `parent div` 2. `Allow Button(s)` 3. `Block Button(s)` 4. 親 div の **display** スタイル属性を **none** に設定します。 ```xml HTML theme={null} {/* Styles for the Custom Soft Ask created above */} ``` サイトの要素との干渉を避けるため、MoEngage では、レンダリングされるすべての Web ページで `Moengage.callWebPush()` 関数を呼び出すことを推奨しています。 ### Soft Ask の例 この例では、画面の左下に表示される「ベル」アイコンという別の Soft Ask を実装します。 Softaskexample 必要な HTML は次のとおりです。 ```xml HTML wrap theme={null} ... {/* Your head elements */} {/* Initialize Moengage Web SDK here */} {/* CSS for soft ask */} {/* DIV for soft ask */} {/* Call Moengage WEB SDK Method */} ``` ### Soft Ask を再表示するためのサンプルコード このサンプルコードでは、次の内容について説明します。 * ユーザーが「許可しない」をクリックした場合 1. localstorage（`MOE_DATA`）で `OPT_IN_SHOWN_TIME` を検索します。 ```xml HTML wrap theme={null} var moeData = localStorage.getItem('MOE_DATA') moeData = JSON.parse(moeData) var optInShownTime = moeData.OPT_IN_SHOWN_TIME // it is epoch time in milliseconds ``` 2. `softAskStatus` が `shown` または `dismissed` であるかを確認し、`optInShownTime` に基づいて Soft Ask を表示するかどうかを決定します。 ```xml HTML wrap theme={null} var softAskStatus = moeData.OPT_IN_SHOWN_TIME // it can be one of these: shown, allowed, dismissed ``` ## 次のステップ オプトインを設定した後、ユーザーが Web サイトにアクセスすると、オプトイン権限のリクエストを求めるプロンプトが表示されます。ユーザーがオプトインリクエストを承認すると、MoEngage のユーザープロファイルページで Web プッシュの到達可能性アイコンが緑色になります。詳細については、[ユーザーの到達可能性](https://www.moengage.com/docs/user-guide/segment/reachability/user-reachability)を参照してください。 ## トラブルシューティング ### オプトインが表示されない 次の手順に従ってください。 1. MoEngage ダッシュボードでドメインタイプが `http` または `https` のどちらに設定されているかを確認し、それがアプリケーションのドメイン URL と同じであることを確認します。 2. 他のプッシュ通知プロバイダーを使用しており、その serviceworker ファイルが MoEngage の serviceworker ファイルと重複している可能性があります。 3. serviceworker ファイルを確認します。次のコードが含まれている必要があります。 ```javascript JavaScript wrap theme={null} importScripts('https://cdn.moengage.com/webpush/releases/serviceworker_cdn.min.latest.js'); ``` ### プッシュのオプトインプロセスを変更するにはどうすればよいですか？ プッシュのオプトインには 3 つのオプションがあります。詳細については、[Web Push 設定の構成](https://www.moengage.com/docs/user-guide/campaigns-and-channels/web-push/getting-started-with-web-push/configure-web-push-settings)を参照してください。 ### 通知権限のオプトインバナーまたはナッジをカスタマイズしたいです。 時間（バナーまたはナッジを表示するまでの時間）、テキスト、フォント、フォントサイズをカスタマイズできます。詳細については、[Web Push 設定の構成](https://www.moengage.com/docs/user-guide/campaigns-and-channels/web-push/getting-started-with-web-push/configure-web-push-settings)を参照してください。 さらにサポートが必要な場合は、MoEngage のカスタマーサクセスマネージャー（CSM）またはサポートチームにお問い合わせください。