Stai cercando un modo per aggiungere notifiche push alla versione AMP del tuo sito? Aggiungere notifiche push AMP può essere un po' tecnico. Ma ti aiuteremo a farlo nel modo più semplice.
AMP o Accelerated Mobile Pages sono essenzialmente una versione mobile del tuo sito. Quindi, se non stai configurando le notifiche push web sul tuo sito AMP, perderai un sacco di iscritti perché una grande parte del tuo pubblico utilizzerà dispositivi mobili per visitare il tuo sito.
In questo articolo, useremo PushEngage per installare le notifiche push AMP perché è molto più facile che fare le cose manualmente.
Iniziamo.
Come Installare le Notifiche Push AMP
Installare le notifiche push AMP è un processo davvero rapido e semplice. Segui questi passaggi e alla fine di questo articolo dovresti essere in grado di inviare campagne push dal tuo sito come questa:
Sembra fantastico, vero? Immergiamoci.
Passaggio n. 1: Configura il Tuo Account PushEngage
Vai alla pagina principale di PushEngage e fai clic sul pulsante Inizia:
Puoi selezionare il piano gratuito per provare PushEngage, o scegliere un piano a pagamento se sei seriamente intenzionato a far crescere la tua attività. I piani a pagamento offrono più opzioni di campagna e la possibilità di creare elenchi di iscritti ancora più grandi.
Una volta registrato per il tuo account PushEngage, vai alla tua dashboard PushEngage e vai su Impostazioni sito » Dettagli sito:
Qui puoi impostare il tuo logo, il nome del sito e l'URL del sito. È davvero importante sistemare queste cose subito in modo da poter testare l'intera configurazione in seguito.
Passaggio n. 2: Ottieni il Codice di Installazione delle Notifiche Push AMP
Per installare le notifiche push web sul tuo sito AMP, dovrai ottenere un codice di installazione. Nella schermata Impostazioni del sito, scorri verso il basso e fai clic sul pulsante Fai clic qui per le istruzioni di configurazione:
Vai alla scheda AMP per ottenere le impostazioni di installazione.
Copia questo codice. Dovrai incollare questo codice nell'HTML <head> del tuo sito. Se stai utilizzando un sito WordPress con una versione AMP, il modo più semplice per farlo è utilizzare il plugin Insert Headers and Footers. È un plugin gratuito dove puoi incollare il codice di installazione AMP senza dover accedere all'HTML effettivo del tuo sito:
Passaggio n. 3: Installa il Service Worker sul Tuo Sito AMP
Successivamente, scarica il file del pacchetto che include il service worker.
Questo include:
- service-worker.js
- amp-helper-frame.html
- amp-permission-dialog.html
Decomprimi il pacchetto e posiziona questi file nella cartella principale del tuo server. Questa parte è molto importante. Se salti questo passaggio, il tuo sito non sarà in grado di raccogliere iscritti alle notifiche push.
Suggerimento Pro: Se non sei sicuro di quale sia la cartella principale e come caricare i file lì, dovresti consultare questo articolo sulla Struttura dei file e delle directory di WordPress. È una guida molto semplice per principianti e ti dà molte informazioni su come funziona WordPress.
Passaggio n. 4: Aggiungi il Codice HTML Push AMP al Tuo Sito
Successivamente, aggiungi il codice HTML per abilitare un pulsante di iscrizione al clic e un pulsante per annullare l'iscrizione alle campagne push.
Questo codice abilita il file del service worker caricato e consente al tuo sito di visualizzare i pulsanti di iscrizione e annullamento dell'iscrizione. Per raccogliere iscritti, devi offrire ai tuoi visitatori un modo semplice per iscriversi alle tue campagne push. Il pulsante di annullamento dell'iscrizione offrirà ai tuoi iscritti attivi un modo per disiscriversi se non sono interessati ai tuoi contenuti. Entrambi sono piuttosto importanti.
Aggiungi il pulsante 'Iscriviti agli aggiornamenti' dove vuoi che appaia sul tuo sito:
E aggiungi un pulsante 'Annulla iscrizione dagli aggiornamenti':
Il pulsante Annulla iscrizione sarà un semplice pulsante 'tocca per annullare l'iscrizione'. Ottieni molte più opzioni di personalizzazione per la versione non-AMP del tuo sito sia su dispositivi mobili che desktop. Pertanto, ti consigliamo di aggiungere il CSS AMP alla tua sezione <body>.
Questo snippet di codice serve a personalizzare l'aspetto dei pulsanti Iscriviti e Annulla iscrizione. Se desideri modificare questi stili, fallo pure. Assicurati solo di non modificare i tag HTML AMP che il codice sta stilizzando.
E questo è tutto. Hai finito.
Passaggio n. 5: Configurazione dell'Opt-In PushEngage
Ora, torna alla tua dashboard di PushEngage. Vai su Design » Popup Modals e seleziona l'optin che preferisci:
L'idea qui è dare ai tuoi visitatori una solida ragione per iscriversi. Se hai bisogno di aiuto, consulta il nostro articolo su come creare un opt-in personalizzato per le notifiche push.
E se desideri alcuni modelli per iniziare, dovresti consultare questo articolo su opt-in per notifiche push ad alta conversione.
Passaggio BONUS: Crea una Campagna di Benvenuto
Una volta terminata la configurazione dell'opt-in, il tuo sito potrà raccogliere iscritti.
Ma come fai a sapere se le tue campagne push funzionano correttamente?
Ti consigliamo di creare una notifica push di benvenuto per verificare se la configurazione è andata a buon fine. Una notifica di benvenuto è una notifica push web che invii a un nuovo iscritto per confermare la sua iscrizione e dargli il benvenuto.
Vai alla dashboard di PushEngage e vai su Campagna » Autoresponder Drip e fai clic su Crea nuovo autoresponder Drip:
Quindi, dai un nome alla tua campagna (suggeriamo qualcosa come "Drip di benvenuto"), e sotto Contenuto, seleziona l'opzione che dice: "Invia notifica immediatamente dopo che l'utente si è iscritto"):
A questo punto, puoi fare clic sulla freccia accanto alla notifica per modificare il contenuto della tua notifica. Se hai un piano Premium o Enterprise con PushEngage, potrai aggiungere più di una notifica per creare una sequenza di messaggi di benvenuto automatizzati. Fai semplicemente clic su Aggiungi nuova notifica e modifica il contenuto.
Una volta terminato, fai clic su Impostazioni sequenza e seleziona l'opzione per inviare la tua campagna di benvenuto a tutti gli iscritti:
Quindi, scorri verso il basso per impostare i tuoi parametri UTM per tracciare le campagne push:
E quando hai finito, scorri di nuovo verso l'alto e fai clic sul pulsante Attiva autoresponder:
E questo è tutto!
Hai configurato correttamente le notifiche push web AMP sul tuo sito web. È ora di tornare alla tua dashboard PushEngage e iniziare a creare le tue campagne push.
Cosa fare dopo aver aggiunto le notifiche push AMP al tuo sito
Questo è tutto per questo, gente!
Se sei nuovo alle campagne push, dovresti seguire un processo completo di test delle notifiche push prima di andare online. Ti aiuterà a risolvere i problemi comuni prima che i tuoi visitatori li vedano e inizino a lamentarsi di un'esperienza utente interrotta.
Dovresti anche dare un'occhiata ad alcune campagne di notifiche push automatizzate come:
Ti consigliamo di contattare i nostri Customer Success Manager se sei bloccato con uno qualsiasi di questi aspetti. Siamo più che felici di aiutarti con qualsiasi problema.
E se non l'hai già fatto, prova PushEngage. PushEngage è il servizio di notifiche push numero 1 al mondo. Quindi, se fai sul serio nel far crescere la tua attività, PushEngage è l'opzione giusta per te.
Grazie per questi suggerimenti e informazioni. È molto facile da capire.
buona spiegazione