> ## 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. # AMP Web Push の設定と統合 > MoEngage AMP Web Push 統合を使用して、AMP ページで Web プッシュ通知を有効にします。 **AMP Web Push 統合の前提条件** 1. AMP Web Push を統合する前に、AMP 分析が統合されていることを確認してください。 2. AMP Web Push を統合する前に、AMP 分析が統合されていることを確認してください。 3. MoEngage AMP Web Push 統合は、デフォルトでは MoEngage のデフォルトのユーザー属性とイベントをトラッキングしません。 ## AMP Web Push Web プッシュ通知は、MoEngage Web SDK と serviceworker.js を使用しても動作しません。\ Google は最近、この統合をサポートする別のプラグインを公開しました。これにより、ニュースパブリッシャー、ブロガー、または AMP を使用して Web ページをすばやく配信しているすべてのユーザーが、プッシュ通知によるサブスクライブをユーザーに促すことができます。 Android デバイスのみがサポートされています。 AMP Web Push を統合するには、次の手順に従います。 ## AMP Web Push スクリプトの追加 Web Push を使用したい .amp ファイルの `` セクションに、次の行を追加します。 ```HTML HTML lines wrap theme={null} ``` ## ヘルパーファイルの追加使用しているダッシュボードに対応するファイルをダウンロードし、Web サイトのルートディレクトリでファイルを利用できるようにしてください。右クリックして **Save Link as...** をクリックし、ファイルを保存します。 | ダッシュボードホスト | ファイル | | - | - | | dashboard-01.moengage.com | 1. [amp-helper-frame.html](https://cdn.moengage.com/release/dc_1/amp-helper-frame.html)
2. [amp-permission-dialog.html](https://cdn.moengage.com/release/dc_1/amp-permission-dialog.html)
3. [serviceworker\_amp.js](https://cdn.moengage.com/release/dc_1/serviceworker_amp.js) | | dashboard-02.moengage.com | 1. [amp-helper-frame.html](https://cdn.moengage.com/release/dc_2/amp-helper-frame.html)
2. [amp-permission-dialog.html](https://cdn.moengage.com/release/dc_3/amp-permission-dialog.html)
3. [serviceworker\_amp.js](https://cdn.moengage.com/release/dc_3/serviceworker_amp.js) | | dashboard-03.moengage.com | 1. [amp-helper-frame.html](https://cdn.moengage.com/release/dc_3/amp-helper-frame.html)
2. [amp-permission-dialog.html](https://cdn.moengage.com/release/dc_3/amp-permission-dialog.html)
3. [serviceworker\_amp.js](https://cdn.moengage.com/release/dc_3/serviceworker_amp.js) | | dashboard-04.moengage.com | 1. [amp-helper-frame.html](https://cdn.moengage.com/release/dc_4/amp-helper-frame.html)
2. [amp-permission-dialog.html](https://cdn.moengage.com/release/dc_4/amp-permission-dialog.html)
3. [serviceworker\_amp.js](https://cdn.moengage.com/release/dc_4/serviceworker_amp.js) | ## コードの追加 `` タグ内に次のコードを追加します。 ```HTML HTML lines wrap theme={null} ``` 以下を置き換えてください。 * DOMAIN.COM を実際のドメインに置き換えます。 * WORKSPACE\_ID を、MoEngage ダッシュボード > Settings > General で確認できる Workspace ID に置き換えます。すべてのファイルが同じソースパスで利用可能であり、HTTPS で提供されていることを確認してください。 ## サブスクライブまたはサブスクライブ解除ボタンの追加ユーザーを AMP Web プッシュ通知にサブスクライブさせたり、サブスクライブを解除させたりするには、サブスクライブ/サブスクライブ解除ボタン、または AMP Web Push ウィジェットが必要です。次のコードは、サブスクライブまたはサブスクライブ解除ボタンを追加します。 ```HTML HTML lines wrap theme={null}

{/* A subscription widget */} {/* An unsubscription widget */}

``` ボタンを機能させるには、`on="tap:amp-web-push.subscribe"` を指定した `