Come Aggiungere Facilmente Smart App Banner in WordPress

Molti sviluppatori di app ci hanno chiesto: esiste un modo per promuovere le nostre app mobili direttamente dal nostro sito WordPress? La risposta è sì, ed è più facile di quanto pensi.

Uno dei modi più semplici per farlo è con gli smart app banner. Questi eleganti banner compaiono in modo discreto nella parte superiore del tuo sito web quando visualizzato su iPhone e iPad.

Non sono fastidiosi come i pop-up: invece, si integrano naturalmente con il tuo sito e offrono ai visitatori un gentile invito a scaricare o aprire la tua app. Il risultato? Più download, un migliore coinvolgimento degli utenti e un'esperienza mobile più professionale.

Abbiamo testato vari metodi per aggiungere questi banner a WordPress e abbiamo trovato due approcci che funzionano perfettamente per qualsiasi livello di abilità. Sia che tu preferisca un plugin o che tu voglia aggiungere del semplice codice, ti guideremo passo dopo passo attraverso entrambe le opzioni.

Perché Aggiungere Smart App Banner in WordPress?

Molti proprietari di siti web creano un'app mobile complementare in cui i visitatori possono navigare i loro contenuti in un modo ottimizzato per dispositivi mobili.

Poiché queste app sono progettate per dispositivi mobili, spesso offrono un'esperienza utente migliore. Puoi anche mostrare promemoria, contenuti personalizzati, offerte, aggiornamenti e altro ancora utilizzando le notifiche push mobili. Tutto ciò significa più coinvolgimento, conversioni e vendite.

Puoi incoraggiare gli utenti di iPhone e iPad a scaricare la tua app mobile utilizzando un banner intelligente per app. Questo è un banner che appare nella parte superiore dello schermo quando un utente iOS visita il tuo sito utilizzando il browser Safari.

I visitatori possono fare clic sul banner per scaricare la tua app dall'App Store. Se il visitatore ha già la tua app, il banner gli chiederà di aprirla invece. In questo modo, puoi ottenere più download e interazioni con l'app.

Se il visitatore utilizza un dispositivo non Apple o un browser web diverso, WordPress nasconderà automaticamente il banner.

Ad esempio, l'immagine seguente mostra lo stesso sito web nel browser mobile Chrome.

Detto questo, vediamo come puoi aggiungere banner intelligenti per app in WordPress. Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare:

• Metodo 1: Utilizzo di WPCode (Mostra un banner intelligente per app su tutto WordPress)
• Metodo 2: Utilizzo di Smart App Banner (Aggiungi banner a pagine e post specifici)
• Domande frequenti sull'aggiunta di banner intelligenti per app in WordPress

Metodo 1: Utilizzo di WPCode (Mostra un banner intelligente per app su tutto WordPress)

Il modo più semplice per aggiungere banner intelligenti per app al tuo sito web WordPress è utilizzare WPCode. Questo plugin gratuito ti consente di mostrare lo stesso banner su ogni pagina e post utilizzando una sola riga di codice.

Tenendo conto di ciò, WPCode è la scelta perfetta se desideri promuovere una singola applicazione iOS. Tuttavia, se desideri mostrare banner diversi su pagine diverse, ti consigliamo di utilizzare invece il metodo 2.

Quando si aggiunge codice personalizzato a WordPress, alcune guide ti chiederanno di modificare il file functions.php del tuo sito. Sconsigliamo questa operazione, poiché anche un piccolo refuso o errore potrebbe causare errori comuni di WordPress o persino rendere il tuo sito inaccessibile.

Utilizzando WPCode, puoi aggiungere codice personalizzato ai file del tuo tema WordPress senza alcun rischio. Puoi anche abilitare e disabilitare gli snippet di codice con un clic.

Innanzitutto, devi installare e attivare il plugin gratuito WPCode. Per ulteriori istruzioni, consulta la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l'attivazione, vai su Snippet di codice » Aggiungi snippet. Successivamente, fai clic sul pulsante ‘+ Aggiungi snippet personalizzato’ sotto l'opzione ‘Aggiungi il tuo codice personalizzato (Nuovo snippet)’.

Successivamente, devi selezionare ‘Snippet HTML’ come tipo di codice dall'elenco di opzioni che appaiono sullo schermo.

Questo ti porterà alla pagina ‘Crea Snippet Personalizzato’, dove potrai digitare un nome per lo snippet di codice.

Questo è solo per tuo riferimento, quindi puoi usare quello che vuoi.

Per il passaggio successivo, dovrai conoscere l'ID della tua applicazione.

Per ottenere queste informazioni, apri una nuova scheda del browser e vai alla pagina Apple Services Marketing Tools. Qui, digita il nome dell'applicazione che desideri promuovere e fai clic sull'icona ‘Cerca’.

Per vedere tutte le app iOS che corrispondono al tuo termine di ricerca, scorri semplicemente fino alla sezione ‘App’.

Qui, trova l'app che desideri promuovere e fai clic su di essa.

In fondo alla schermata, vedrai un ‘Link Contenuto’.

L'ID dell'app è il valore tra id e ?. Avrai bisogno di queste informazioni nel passaggio successivo, quindi lascia questa scheda aperta o prendi nota dell'ID dell'app.

Ora che hai l'ID dell'app, torna alla dashboard di WordPress. Puoi ora aggiungere il seguente snippet nell'editor di codice, sostituendo l'ID dell'app con le informazioni che hai ottenuto nel passaggio precedente:

<meta name="apple-itunes-app" content="app-id=12345678">

Fatto ciò, scorri fino alla casella ‘Inserimento’. Se non è già selezionato, fai clic su ‘Inserimento Automatico’ e quindi seleziona ‘Intestazione Sito’ dal menu a discesa.

Quando sei pronto, scorri fino in cima alla pagina e sposta l'interruttore ‘Inattivo’ su ‘Attivo’.

Infine, fai semplicemente clic sul pulsante ‘Salva Snippet’ per memorizzare le tue modifiche.

Ora, il banner intelligente dell'app apparirà sul tuo sito web WordPress.

Come Testare il Codice del Banner Smart App in WordPress

Il modo migliore per testare il banner dell'app intelligente è visitare il tuo sito web su un dispositivo iOS utilizzando l'app mobile Safari. Infatti, il banner dell'app intelligente non apparirà nemmeno se provi a visualizzare la versione mobile del tuo sito WordPress dal desktop.

Se hai bisogno di verificare rapidamente se lo snippet di codice funziona, una soluzione alternativa è utilizzare lo strumento di ispezione del tuo browser. Ti consente di vedere se il codice <meta name> è stato inserito nella sezione <head> del tuo sito, il che suggerisce che sta funzionando come previsto.

Per fare ciò, vai a qualsiasi pagina o post sul tuo blog WordPress. Quindi, fai clic con il pulsante destro del mouse in qualsiasi punto della pagina e seleziona 'Ispeziona'.

Si aprirà un nuovo pannello che mostrerà tutto il codice del sito.

Trova semplicemente la sezione <head> e fai clic sulla sua freccia per espanderla.

Ora, cerca il codice <meta name="apple-itunes-app"> che hai aggiunto nel passaggio precedente.

Se vedi questo codice, il banner dell'app intelligente dovrebbe apparire sui dispositivi iOS.

Metodo 2: Utilizzo di Smart App Banner (Aggiungi banner a pagine e post specifici)

A volte, potresti voler promuovere le app solo su pagine e post specifici.

In questo caso, ti consigliamo di utilizzare il plugin Smart App Banner. Questo plugin ti consente di mostrare banner diversi su pagine web diverse e di includere dati di affiliazione in tali banner. Queste funzionalità lo rendono un ottimo plugin per gli affiliati di marketing.

Innanzitutto, dovrai installare e attivare il plugin Smart App Banner. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, puoi aggiungere un banner dell'app a pagine o articoli specifici, alla homepage di WordPress o all'intero sito web.

Per iniziare, diamo un'occhiata alle impostazioni dell'app. Qui puoi aggiungere un banner a ogni pagina e articolo o aggiungere uno smart app banner solo alle landing page ad alta conversione.

Per iniziare, vai su Impostazioni » Smart App Banner e digita il valore dell'applicazione nel campo 'ID App'.

Puoi ottenere queste informazioni seguendo lo stesso processo descritto nel Metodo 1.

Se stai utilizzando il marketing di affiliazione per guadagnare online tramite blog, puoi inserire il tuo token di affiliazione nel campo ‘Dati affiliato’. Le informazioni varieranno, quindi potrebbe essere necessario accedere al tuo portale affiliato o parlare con i tuoi partner per ottenere il token corretto.

Successivamente, puoi selezionare la casella ‘Mostra su tutte le pagine’ o lasciarla deselezionata. Se lasci la casella deselezionata, il banner dell'app apparirà solo sulla tua homepage.

Quando sei soddisfatto di come è configurato il banner, fai semplicemente clic sul pulsante ‘Salva modifiche’ per renderlo attivo.

Vuoi aggiungere un banner per app intelligenti a pagine e articoli specifici invece? Questo ti consente di controllare esattamente dove appare il banner sul tuo sito web.

Ad esempio, se sei un affiliato di marketing, potresti promuovere diverse app su pagine diverse e quindi utilizzare Google Analytics per vedere quali banner ottengono il maggior numero di conversioni.

Per fare ciò, apri semplicemente la pagina o l'articolo in cui desideri aggiungere il banner. Ora, trova la nuova sezione ‘Smart App Banner’ nell'editor dei contenuti di WordPress.

Qui, aggiungi semplicemente l'ID dell'app e le informazioni opzionali sull'affiliazione seguendo lo stesso processo descritto sopra.

Quando sei soddisfatto delle informazioni che hai inserito, fai semplicemente clic su ‘Aggiorna’ o ‘Pubblica’ per rendere attive le tue modifiche.

Quindi, puoi semplicemente ripetere questi passaggi per aggiungere un banner per app intelligenti alle tue altre landing page.

Domande frequenti sull'aggiunta di banner intelligenti per app in WordPress

Se hai ancora domande, ecco le nostre principali FAQ su come aggiungere banner intelligenti al tuo sito web WordPress.

Cos'è un banner per app intelligenti?

I banner delle app intelligenti appaiono nella parte superiore del browser web Safari e offrono agli utenti dell'app la possibilità di aprire un'app o scaricarla dall'Apple App Store.

Poiché sono stati creati da Apple, i banner delle app intelligenti hanno un design coerente che molti utenti iOS riconoscono. Appaiono solo alle persone che utilizzano iPhone e iPad con iOS 6 o versioni successive.

Perché non riesco a vedere il mio banner dell'app intelligente sul desktop?

Il banner dell'app intelligente non apparirà sui computer desktop, anche se visualizzi la versione mobile del tuo sito.

Per vedere il banner in azione, dovrai visitare il tuo sito su un iPhone o iPad utilizzando l'app mobile Safari.

Perché non riesco a vedere il banner dell'app intelligente sul mio iPhone o iPad?

I banner delle app intelligenti appaiono solo sui dispositivi con iOS 6 o versioni successive quando si utilizza l'app mobile Safari. Se non vedi il banner dell'app intelligente, dovresti iniziare controllando di avere le ultime versioni sia di iOS che dell'app mobile Safari.

Il banner dell'app intelligente rileva anche se il dispositivo supporta l'app e se l'app è disponibile nella tua posizione. Se non vedi il banner dell'app intelligente, è possibile che il tuo dispositivo non abbia superato uno di questi controlli.

Perché il banner dell'app intelligente è scomparso in Safari?

Se chiudi il banner facendo clic sul pulsante 'x', non apparirà più per impostazione predefinita.

A seconda del tuo dispositivo mobile, potrebbe essere necessario aprire una scheda del browser privata, cancellare la cache o i cookie, o eseguire altre azioni per reimpostare le impostazioni.

Speriamo che questo tutorial ti abbia aiutato a imparare come aggiungere banner di app intelligenti in WordPress. Potresti anche voler consultare la nostra guida alle migliori pratiche per le call-to-action (CTA) o le nostre scelte esperte per i migliori strumenti per lead magnet di WordPress per aumentare le conversioni.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.