# Push web AMP
AMP est un framework open-source de Google pour développer des pages web axées sur l'utilisateur qui se chargent quasi instantanément.
En intégrant le composant AMP Web Push dans vos pages web AMP, vous pouvez contacter vos clients lorsqu'ils naviguent sur le web via leurs navigateurs mobiles.
## Intégrer AMP à votre site web
**Ajoutez les fichiers suivants au** **répertoire racine** de votre site 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)
Il y a deux blocs personnalisables dans le fichier `permission-dialog.html` :
```txt title="S'abonner aux notifications push"
{S'abonner aux notifications push}
```
```txt title="Débloquer les notifications push"
{Débloquer les notifications push dans les paramètres de votre navigateur}
```
Où :
* `{S'abonner aux notifications push}` — un message d'appel à l'action demandant aux utilisateurs d'autoriser les notifications push ;
* `{Débloquer les notifications push dans les paramètres de votre navigateur}` — un message d'appel à l'action invitant les utilisateurs à débloquer les notifications push dans les paramètres de leur navigateur (au cas où les notifications push seraient explicitement bloquées par un utilisateur).
Pour personnaliser l'apparence de la boîte de dialogue de permission, ajoutez le code suivant à la balise `` :
```
```
## Intégrer les notifications push web AMP
Pour implémenter les notifications push web sur les pages AMP, ajoutez le composant [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) à chaque page AMP.
Pour ce faire, suivez ces deux étapes :
**1. Ajoutez le script suivant à la balise ``** :
```txt title="amp-web-push"
...
...
```
**2. Ajoutez le code suivant à la balise ``** :
```txt title="amp-web-push"
...
{Solution de repli si un utilisateur bloque les notifications}
...
```
Où :
* `{domain}` — l'URL de votre site web,
* `{applicationCode}` — le code de votre application Pushwoosh,
* `{senderId}` — l'ID d'expéditeur de votre console Firebase,
* `{applicationServerKey}` — la clé de serveur de votre console Firebase,
* `{Texte sur le bouton S'abonner}` — un texte sur un bouton activant les notifications push,
* `{Texte sur le bouton Se désabonner}` — un texte sur un bouton désactivant les notifications push,
* `{Solution de repli si un utilisateur bloque les notifications}` — un bloc de repli qui s'affiche lorsqu'un utilisateur bloque les notifications push.
Pour **personnaliser le style des boutons**, ajoutez le code suivant à la balise **<head>** :
```txt title="css"
```
Pour vérifier si vous avez tout fait correctement, veuillez utiliser [https://search.google.com/test/amp](https://search.google.com/test/amp)\
## Intégrer les notifications push web AMP
Pour implémenter les notifications push web sur les pages AMP, ajoutez le composant [amp-web-push](https://amp.dev/documentation/components/amp-web-push?format=websites) à chaque page AMP.
Pour ce faire, suivez ces deux étapes :
**1. Ajoutez le script suivant à la balise ``** :
```txt title="amp-web-push"
...
...
```
**2. Ajoutez le code suivant à la balise ``** :
```txt title="amp-web-push"