# Веб-пуши для AMP
AMP — это фреймворк с открытым исходным кодом от Google для разработки ориентированных на пользователя веб-страниц, которые загружаются почти мгновенно.
Интегрируя компонент AMP Web Push в ваши AMP-страницы, вы можете взаимодействовать с вашими клиентами, когда они просматривают веб-страницы в своих мобильных браузерах.
## Интеграция AMP на ваш сайт
**Добавьте следующие файлы в** **корневой каталог** **вашего сайта**:
1. [helper-iframe.html](https://cdn.pushwoosh.com/amp-web-push/helper-iframe.html)
2. [service-worker.js](https://cdn.pushwoosh.com/amp-web-push/service-worker.js)
3. [permission-dialog.html](https://cdn.pushwoosh.com/amp-web-push/permission-dialog.html)
В файле `permission-dialog.html` есть два настраиваемых блока:
```txt title="Подписаться на пуш-уведомления"
{Subscribe to push notifications}
```
```txt title="Разблокировать пуш-уведомления"
{Unblock push notifications in your browser settings}
```
Где:
* `{Subscribe to push notifications}` — CTA-сообщение, предлагающее пользователям разрешить пуш-уведомления;
* `{Unblock push notifications in your browser settings}` — CTA-сообщение, предлагающее пользователям разблокировать пуш-уведомления в настройках браузера (в случае, если пуш-уведомления явно заблокированы пользователем).
Чтобы настроить внешний вид диалогового окна запроса разрешений, добавьте следующий код в тег ``:
```
```
## Интеграция веб-пушей AMP
Чтобы внедрить веб-пуш-уведомления на AMP-страницы, добавьте компонент [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) на каждую AMP-страницу.
Для этого выполните два шага:
**1. Добавьте следующий скрипт в тег ``**:
```txt title="amp-web-push"
...
...
```
**2. Добавьте следующий код в тег ``**:
```txt title="amp-web-push"
...
{Fallback if a user blocks notifications}
...
```
Где:
* `{domain}` — URL вашего сайта,
* `{applicationCode}` — код вашего приложения Pushwoosh,
* `{senderId}` — Sender ID из вашей консоли Firebase,
* `{applicationServerKey}` — Server Key из вашей консоли Firebase,
* `{Text on Subscribe button}` — текст на кнопке, включающей пуш-уведомления,
* `{Text on Unsubscribe button}` — текст на кнопке, отключающей пуш-уведомления,
* `{Fallback if a user blocks notifications}` — резервный блок, который отображается, когда пользователь блокирует пуш-уведомления.
Чтобы **настроить стиль кнопок**, добавьте следующий код в тег **<head>**:
```txt title="css"
```
Чтобы проверить, все ли вы сделали правильно, воспользуйтесь [https://search.google.com/test/amp](https://search.google.com/test/amp)\
## Интеграция веб-пушей AMP
Чтобы внедрить веб-пуш-уведомления на AMP-страницы, добавьте компонент [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) на каждую AMP-страницу.
Для этого выполните два шага:
**1. Добавьте следующий скрипт в тег ``**:
```txt title="amp-web-push"
...
...
```
**2. Добавьте следующий код в тег ``**:
```txt title="amp-web-push"