Cosa è AMP? AMP (Accelerated Mobile Pages) è un framework creato da Google per rendere i siti web più veloci e leggeri sui dispositivi mobili. È ottimizzato per le performance, limitando l’uso di JavaScript personalizzato e promuovendo una struttura semplificata del sito. Se il tuo sito è creato interamente con AMP, l’integrazione di Pushloop richiede una configurazione specifica, diversa da quella standard.
Ecco i passaggi per installare Pushloop sul tuo sito AMP.
1. Registrazione e Creazione del Sito
Segui la guida ufficiale qui per creare un account e configurare il tuo sito su Pushloop.
2. Accesso alla Sezione AMP Integration
Dopo aver creato il sito, anziché usare il codice classico mostrato nella guida “Manual Integration”, devi seguire un percorso specifico per AMP:
- Vai su “Manage Site”;
- Clicca sul pulsante “Install” corrispondente al tuo sito;
- Nella nuova pagina, seleziona “AMP Integration”.
L’integrazione AMP è divisa in tre step fondamentali:
Step 1: Aggiunta del Codice nell’Head
In questa fase, incolla lo script fornito nella sezione <head> del tuo sito AMP. Questo codice è essenziale per collegare il tuo sito a Pushloop e permettere la gestione delle notifiche.
Step 2: Configurare l’AMP Web Push Extension
- Scarica i tre elementi necessari tramite i pulsanti gialli forniti nel pannello:
- Script AMP: Questo file gestisce le notifiche push nel contesto AMP.
- Pagina di consenso per le notifiche: Ti aiuterà a gestire il consenso degli utenti per la ricezione delle notifiche.
- Service Worker: Questo è necessario per abilitare le notifiche push nel browser.
- Una volta scaricati, carica questi file nella root del tuo sito.
- Dopo aver completato questi passaggi, incolla il codice fornito nel tag
<body>del sito. Questo codice farà in modo che il sistema di notifiche inizi a funzionare.
Nota: Per accettare le notifiche, poiché AMP non consente l’apertura di pop-up, è necessario far aprire una pagina non AMP. Per questo motivo è necessario lo step 3
Step 3: Aggiungere il Widget di Iscrizione
Ora devi aggiungere i pulsanti di iscrizione e disiscrizione, che permettono agli utenti di iscriversi alle notifiche aprendo una pagina non AMP:
- Stile dei pulsanti: puoi personalizzare l’aspetto dei pulsanti che altrimenti avranno un formato standard AMP. Per fare ciò, inserisci il codice di personalizzazione fornito da Pushloop nel tag
<head>del tuo sito.
- Pulsante di iscrizione: Visibile quando l’utente non è iscritto. Cliccando su questo pulsante, si aprirà una pagina non AMP apposita per permettere all’utente di accettare le notifiche.
- Pulsante di disiscrizione: Visibile quando l’utente è già iscritto, e serve per disattivare le notifiche.
Il codice relativo ai due pulsanti di iscrizione e disiscrizione deve essere inserito alla fine del tag <body>, in modo che appaiano in basso a sinistra quando si scorre la pagina.
Seguendo questi passaggi, il sistema Pushloop per AMP sarà correttamente installato e funzionante, permettendo ai tuoi utenti di iscriversi e ricevere notifiche push sul tuo sito AMP.
