Notifiche push web: come impostarle senza infastidire

Cosa sono le notifiche push web e come funzionano

Le notifiche push web sono messaggi brevi da un sito che raggiungono il browser anche quando la scheda è chiusa. L'utente concede il permesso una volta, il browser restituisce un abbonamento con un endpoint e chiavi, e il tuo server invia messaggi tramite un servizio push utilizzando un protocollo firmato VAPID. La regola d'oro è chiedere il permesso al momento giusto e non sommergere le persone.

UX di opt-in: come chiedere bene

Attivare il prompt nativo del browser nel primo secondo quasi sempre porta a un “Blocco.” Un modello a due fasi funziona: prima il tuo soft prompt che spiega il beneficio, e solo dopo l'accordo la richiesta di sistema.

• Non istantaneamente. Mostra il prompt dopo una prima azione utile, non all'arrivo.
• Spiega perché. “Ti notificheremo quando il prezzo scende?” è meglio di un prompt silenzioso.
• Rispetta un no. Se rifiutano, non chiedere di nuovo per settimane.
• Contesto. Chiedi su una pagina prodotto, non sulla homepage.

Chiavi VAPID

VAPID (Identificazione del Server di Applicazione Volontaria) identifica il tuo server al servizio push. Hai bisogno di una coppia di chiavi: la chiave pubblica va al browser all'abbonamento, la chiave privata rimane sul server e firma le richieste.

# Genera una coppia di chiavi VAPID
npx web-push generate-vapid-keys

Chiave Pubblica:  BQ8...prqZk
Chiave Privata: 3Kf...9dQ
Oggetto:     mailto:push@yourtrend.online

La chiave pubblica viene passata durante l'abbonamento nel browser:

registration.pushManager.subscribe({
  userVisibleOnly: true,
  applicationServerKey: 'BQ8...prqZk'
});

Frequenza: come non infastidire

Le notifiche push infastidiscono più velocemente delle email perché appaiono su tutto. Indicazioni sulla frequenza:

Offri sempre ore di silenzio e un facile opt-out. Una notifica push notturna è un percorso diretto per essere disattivati.

Segmentazione delle notifiche push web

Come con le email, non inviare a tutti. Segmenta per categorie visualizzate, città, lingua e comportamento. Carrello abbandonato, un abbassamento di prezzo su un preferito, di nuovo disponibile — scenari mirati vengono cliccati molto più rispetto a invii di massa. In YourTrend, le notifiche push web vivono accanto a email, SMS, segmenti e automazioni, quindi il canale è scelto per adattarsi al pubblico — panoramica sulla pagina delle caratteristiche.

Casi d'uso utili

1. Carrello abbandonato dopo 1–2 ore.
2. Riduzione di prezzo su un articolo preferito.
3. Di nuovo disponibile per chi ha aspettato.
4. Stato dell'ordine: spedito, consegnato.
5. Contenuto: un nuovo articolo su un argomento che seguono.

Come appare l'invio e la ricezione

Il server invia un messaggio crittografato all'endpoint di abbonamento, e il service worker nel browser cattura l'evento push e mostra una notifica anche con la scheda chiusa. Il payload è un breve JSON:

{
  "title": "Prezzo ridotto del 20%",
  "body": "Le sneakers nei tuoi preferiti ora costano meno",
  "icon": "/icons/push-192.png",
  "url": "/catalog/sneakers/42"
}

// service-worker.js
self.addEventListener('push', function(event) {
  const d = event.data.json();
  event.waitUntil(
    self.registration.showNotification(d.title, {
      body: d.body, icon: d.icon, data: { url: d.url }
    })
  );
});

Al clic, invia l'utente al prodotto specifico dal campo url, non alla homepage — questo aumenta visibilmente la conversione.

Supporto del browser e iOS

Il web push funziona su Chrome, Firefox, Edge e Opera su desktop e Android. L'unica avvertenza è Safari: su iPhone e iPad le notifiche push arrivano solo se l'utente ha aggiunto il sito alla schermata principale come PWA (disponibile da iOS 16.4+). Quindi il web push integra l'email ma non la sostituisce: parte del tuo pubblico tecnicamente non lo avrà. Combina i canali — email, SMS e push — per segmento.

Errori comuni

• Richiesta di autorizzazione nel primo secondo senza contesto.
• Solo promozioni, zero notifiche utili.
• Nessuna segmentazione — lo stesso push per tutti.
• Nessuna ora di silenzio o chiara opzione di disiscrizione.
• Il link porta alla homepage, non al prodotto specifico.

Conclusione

Il web push è un canale veloce e coinvolgente ma richiede tatto: chiedi al momento giusto, spiega il beneficio, segmenta e mantieni una frequenza ragionevole. Poi le notifiche aiutano invece di infastidire. Scegli un piano con i canali di cui hai bisogno nella pagina prezzi.