# Push web para AMP
AMP é um framework de código aberto do Google para desenvolver páginas da web focadas no usuário que carregam quase instantaneamente.
Integrando o componente AMP Web Push em suas páginas da web AMP, você pode alcançar seus clientes enquanto eles navegam na web em seus navegadores móveis.
## Integre o AMP ao seu site
**Adicione os seguintes arquivos ao** **diretório raiz** **do seu site**:
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)
Existem dois blocos personalizáveis no arquivo `permission-dialog.html`:
```txt title="Inscrever-se para notificações push"
{Subscribe to push notifications}
```
```txt title="Desbloquear notificações push"
{Unblock push notifications in your browser settings}
```
Onde:
* `{Subscribe to push notifications}` — uma mensagem de CTA pedindo aos usuários para permitir notificações push;
* `{Unblock push notifications in your browser settings}` — uma mensagem de CTA solicitando que os usuários desbloqueiem as notificações push nas configurações do navegador (caso as notificações push sejam explicitamente bloqueadas por um usuário).
Para personalizar a aparência da caixa de diálogo de permissão, adicione o seguinte código à tag ``:
```
```
## Integre os Pushes Web AMP
Para implementar notificações push da web em páginas AMP, adicione o componente [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) a cada página AMP.
Para fazer isso, siga estes dois passos:
**1. Adicione o seguinte script à tag ``**:
```txt title="amp-web-push"
...
...
```
**2. Adicione o seguinte código à tag ``**:
```txt title="amp-web-push"
...
{Fallback if a user blocks notifications}
...
```
Onde:
* `{domain}` — a URL do seu site,
* `{applicationCode}` — o código do seu aplicativo Pushwoosh,
* `{senderId}` — o Sender ID do seu console do Firebase,
* `{applicationServerKey}` — a Server Key do seu console do Firebase,
* `{Text on Subscribe button}` — um texto em um botão que ativa as notificações push,
* `{Text on Unsubscribe button}` — um texto em um botão que desativa as notificações push,
* `{Fallback if a user blocks notifications}` — um bloco de fallback que é exibido quando um usuário bloqueia as notificações push.
Para **personalizar o estilo dos botões**, adicione o seguinte código à tag **<head>**:
```txt title="css"
```
Para verificar se você fez tudo corretamente, por favor, use [https://search.google.com/test/amp](https://search.google.com/test/amp)\
## Integre os Pushes Web AMP
Para implementar notificações push da web em páginas AMP, adicione o componente [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) a cada página AMP.
Para fazer isso, siga estes dois passos:
**1. Adicione o seguinte script à tag ``**:
```txt title="amp-web-push"
...
...
```
**2. Adicione o seguinte código à tag ``**:
```txt title="amp-web-push"