> ## 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 の設定と統合 **AMP Web Push 統合の前提条件** 1. AMP Web Push を統合する前に、AMP analytics が統合されていることを確認してください。 2. AMP Web Push を統合する前に、AMP analytics が統合されていることを確認してください。 3. MoEngage AMP Web Push 統合では、デフォルトでは MoEngage のデフォルトのユーザー属性とイベントはトラッキングされません。 # AMP Web Push Web プッシュ通知は、MoEngage Web SDK と serviceworker.js を使用しても機能しません。\ Google は最近、この統合をサポートする個別のプラグインを公開しました。これにより、ニュースパブリッシャー、ブロガー、または AMP を使用してウェブページを高速に配信するすべてのユーザーが、プッシュ通知の購読をユーザーに促すことができます。 Android デバイスのみがサポートされています。 AMP Web Push を統合するには、次の手順に従います。 # AMP Web Push スクリプトを追加する Web Push を使用する .amp ファイルの `` セクションに、次の行を追加します。 ```html theme={null} <script async custom-element="amp-web-push" src="https://cdn.ampproject.org/v0/amp-web-push-0.1.js"></script> ``` # ヘルパーファイルを追加する 使用しているダッシュボードに対応するファイルをダウンロードし、ウェブサイトのルートディレクトリでファイルが利用できることを確認します。右クリックして **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](http://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 theme={null} <amp-web-push id="amp-web-push" layout="nodisplay" helper-iframe-url="https://DOMAIN.COM/amp-helper-frame.html" permission-dialog-url="https://DOMAIN.COM/amp-permission-dialog.html" service-worker-url="https://DOMAIN.COM/serviceworker_amp.js?app_id=Workspace_ID" ></amp-web-push> ``` 次の部分を置き換えます。 * DOMAIN.COM を実際のドメインに置き換えます。 * Workspace ID を、MoEngage Dashboard > Settings > General で確認できる値に置き換えます。 すべてのファイルが同じソースパスで利用でき、HTTPS で提供されていることを確認してください。 # 購読ボタンまたは購読解除ボタンを追加する ユーザーが AMP Web Push 通知を購読または購読解除するには、購読/購読解除ボタン、つまり AMP Web Push ウィジェットが必要です。 次のコードは、購読ボタンまたは購読解除ボタンを追加します。 ```html theme={null} <div class="web-push"> <!-- A subscription widget --> <amp-web-push-widget visibility="unsubscribed" layout="fixed" width="250" height="45"> </amp-web-push-widget> <!-- An unsubscription widget --> <amp-web-push-widget visibility="subscribed" layout="fixed" width="250" height="45"> </amp-web-push-widget> </div> ``` ボタンを機能させるには、`on="tap:amp-web-push.subscribe"` を指定した `