# Push web para AMP
AMP es un framework de código abierto de Google para desarrollar páginas web centradas en el usuario que se cargan casi instantáneamente.
Al integrar el componente AMP Web Push en sus páginas web AMP, puede llegar a sus clientes cuando navegan por la web en sus navegadores móviles.
## Integrar AMP en su sitio web
**Agregue los siguientes archivos al** **directorio raíz** **de su sitio web**:
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)
Hay dos bloques personalizables en el archivo `permission-dialog.html`:
```txt title="Subscribe to push notifications"
{Subscribe to push notifications}
```
```txt title="Unblock push notifications"
{Unblock push notifications in your browser settings}
```
Donde:
* `{Subscribe to push notifications}` — un mensaje de llamada a la acción (CTA) que pide a los usuarios que permitan las notificaciones push;
* `{Unblock push notifications in your browser settings}` — un mensaje de CTA que solicita a los usuarios que desbloqueen las notificaciones push en la configuración de su navegador (en caso de que un usuario las haya bloqueado explícitamente).
Para personalizar la apariencia del diálogo de permisos, agregue el siguiente código a la etiqueta ``:
```
```
## Integrar Pushes Web de AMP
Para implementar notificaciones push web en páginas AMP, agregue el componente [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) a cada página AMP.
Para ello, siga estos dos pasos:
**1. Agregue el siguiente script a la etiqueta ``**:
```txt title="amp-web-push"
...
...
```
**2. Agregue el siguiente código a la etiqueta ``**:
```txt title="amp-web-push"
...
{Fallback if a user blocks notifications}
...
```
Donde:
* `{domain}` — la URL de su sitio web,
* `{applicationCode}` — el código de su aplicación de Pushwoosh,
* `{senderId}` — el ID de remitente de su consola de Firebase,
* `{applicationServerKey}` — la clave del servidor de su consola de Firebase,
* `{Text on Subscribe button}` — un texto en un botón que habilita las notificaciones push,
* `{Text on Unsubscribe button}` — un texto en un botón que deshabilita las notificaciones push,
* `{Fallback if a user blocks notifications}` — un bloque alternativo que se muestra cuando un usuario bloquea las notificaciones push.
Para **personalizar el estilo de los botones**, agregue el siguiente código a la etiqueta **<head>**:
```txt title="css"
```
Para verificar si ha hecho todo correctamente, utilice [https://search.google.com/test/amp](https://search.google.com/test/amp)\
## Integrar Pushes Web de AMP
Para implementar notificaciones push web en páginas AMP, agregue el componente [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) a cada página AMP.
Para ello, siga estos dos pasos:
**1. Agregue el siguiente script a la etiqueta ``**:
```txt title="amp-web-push"
...
...
```
**2. Agregue el siguiente código a la etiqueta ``**:
```txt title="amp-web-push"