Web Marketing e Tecnologie
Scopri come utilizzare Javascript per spingere al massimo
la Comunicazione e le Vendite sul
tuo Sito Web !
Immagina di avere un sito web con molti links, informazioni e contenuti e di voler promuovere un determino prodotto o
servizio....
Quali sistemi adotteresti per raggiungere questo scopo? In che modo cercheresti di tirare l'tenzione del navigore?
La soluzione piu' ovvia e sconta sarebbe quella di mettere un'immagine o un link
del prodotto che vuoi promuovere bene in evidenza nella home page, magari entro i primi 300 pixel
visibili senza fare lo "scrolling" della pagina. In alterniva potresti anche realizzare dei
banner all'interno di una o piu' aree del sito oppure farli ruotare a
caso in piu' pagine.
Ma potresti ingrandire il testo, evidenziarlo tramite sfondi, tabelle colore oppure
sfruttando appositi codici Html come ad esempio l'evidenziura del testo coi
codici <span style="background-color:
#FFFF00">Esempio</span>)
Tuttavia, se il tuo sito e' gia' molto carico di informazioni, grafica e contenuti le probabilita' che il tuo "messaggio"
sia noto da tutti i navigori saranno sempre molto scarse.
Ecco allora che la tecnologia ci viene incontro e, come per magia, possiamo rendere il nostro messaggio ben evidente a tutti i navigori del nostro sito semplicemente
utilizzando il codice Javascript.
Come? Vediamo qualche esempio prico...
Javascript Alert per i Messaggi di avviso -
Questo javascript e' il piu' semplice di tutti da realizzare e ti permette di
far apparire un messaggio di avviso all''apertura della pagina, come nell'esempio qui
sotto...
Il funzionamento e' molto semplice: all'apertura della pagina compare una finestrella grigia con un
messaggio testuale (in cui puoi scrivere quello che vuoi) che impedira' al
navigore di caricare la pagina fino a quando egli non clicchera' su "ok".
In questo modo il messaggio sara'
obbligoriamente letto (o per lo meno visto) da tutti i navigori.
Ma, quando conviene utilizzare questo javascript?
L'occasione migliore per utilizzare questo javascript e'
per segnalare novita' molto importanti, che non richiedano un'intertivita'
immedia o l'aggiunta di immagini.
Potresti utilizzarlo per segnalare eventi importanti di cartere non specifico come ad esempio la presenza
di sconti e/o
di offerte promozionali in piu' aree o prodotti del sito.
Il
vantaggio principale di questo javascript e' la sua enorme visibilita'
(tutti dovranno leggere il messaggio e cliccare su ok per proseguire). Lo svantaggio principale e' invece
lego alla sua mancanza di
intertivita' e/o di grafica: il navigore puo' solo cliccare su "ok"
ma non puo' cliccare su un link specifico, collegarsi ad un determino
prodotto o servizio o visualizzare un'immagine.
Un altro elemento negivo di questo javascript e' che rischia di annoiare
molto presto, soprtutto quegli utenti piu' fidelizzi che tornano
spesso sul nostro sito (che sono anche i piu' importanti)
Per questo, se decidi di utilizzarlo nel tuo sito ricordi di non tenerlo
tivo per piu' di 2 o 3 giorni consecutivi. Ma Ricordi anche di non abusare di questa finestrella
per segnalazioni di scarsa rilevanza o che interessano una piccola percentuale dei
tuoi navigori.
Ho visto ad esempio molti webmaster utilizzare questa finestrella di avviso solo
per
segnalare che il loro sito era ottimizzo a 800x600 o 1.024x768. Nulla di
piu' sbaglio!
Come spiego anche nella Lezione 3 del corso on-line, a nessun navigore
(neanche a una minima parte di essi) interessa la risoluzione e il browser con cui
hai ottimizzo il tuo
sito: se non riesce a leggerlo correttamente, semplicemente se ne va (non penserai che
installi un browser aggiorno o modifichi la risoluzione del suo schermo solo per vedere il tuo magnifico
sito, vero?!)
Quindi, per concludere, ricordi di utilizzare questo javascript solo:
- Per segnalazioni molto importanti di cartere generale (come ad esempio sconti,
promozioni e novita' rilevanti, etc.)
- Per segnalazioni che interessano la gran parte dei tuoi navigori
(almeno l'80%)
- Per un periodo di tempo limito (al massimo per 2 o 3 gg. consecutivi),
soprtutto se decidi di metterlo in home page
- Per messaggi con contenuti brevi, non invasivi e in cui non sia necessaria
un'intertivita' diretta (in questa finestrella infti non puoi mettere ne' links
ne' immagini).
Qual'e' il codice javascript per realizzare questa finestra di "alert"?
Qui sotto puoi vedere un semplice esempio da copiare e incollare nelle tue
pagine web (e' sufficiente che modifichi il testo compreso tra le "virgolette"
con il messaggio che vuoi tu):
<script language="JavaScript">
<!--
(!alert("Ricordi che fino al 30 settembre offriamo il 20% di sconto su tutti i Libri !"))
//-->
</script>
Javascript per le Finestre di Pop Up
Le finestre di "pop up" sono un'altra soluzione tecnologica molto
utile e diffusa per mettere in evidenza alcuni prodotti o servizi del proprio sito.
Con questo codice javascript, se il navigore carica o chiude una specifica pagina
web (ad esempio la home page) contemporaneamente viene carica una nuova finestra
secondaria, di dimensioni ridotte rispetto alla precedente.
Nell'immagine qui sotto puoi vedere un esempio di finestra pop-up (da noi
utilizza per promuovere il corso on-line):
Il caricamento di una finestra di pop-up offre molti piu' contenuti ed
intertivita' rispetto al javascript alert (dell'esempio precedente). Nella
finestra di pop-up infti puoi inserire testo, immagini, links e animazioni
senza limiti, pricamente tutto quello che potresti inserire in una normale pagina
web !
Questa finestra di pop-up sara' meno
visibile rispetto al javascript alert (poiche' il navigore
non e' obbligo a visualizzare il messaggio per leggere il contenuto della
pagina principale) ma anche molto meno invasiva e stancante rispetto
all'esempio precedente.
Molti siti web tengono le finestre di pop-up tive anche per diversi mesi: tenzione
a non abusarne poiche', per
quanto siano meno invasive, vengono spesso percepite come puri e semplici messaggi
"pubblicitari" e promozionali (e quindi ignori).
Come primo consiglio, ti suggerisco quindi di non mettere mai dei
banner in queste finestre di pop-up. Utilizza solo moduli e messaggi testuali
privi di grafica: in questo modo non verranno mai percepiti come
"pubblicita'" ma bensi' come "messaggi informivi" (aumentando
quindi le probabilita' di click).
Per lo stesso motivo non bisogna MAI utilizzare le finestre di pop up per
offrire informazioni di scarsa rilevanza per il tuo target , oppure per periodi
troppo lunghi. Ti suggerisco di tenerle tive per massimo 1 o 2 mesi o, se intendi
utilizzarle per periodi piu' lunghi allora ti conviene inserire nel
codice javascript anche i cookies: in questo modo il navigore visualizzera' la
finestra di pop-up soltanto la prima volta che accede al sito (le altre volte la
finestra di pop-up non sara' piu' carica).
Ma allora, quando conviene o non conviene utilizzare le finestre di pop-up? E
come si fanno a realizzare? Vediamolo negli esempi qui sotto....
Quando conviene utilizzare le finestre di pop-up:
- Per il lancio di una nuova newsletter o mailing-list
- Per la segnalazione di nuove e importanti aree o links del tuo sito
- Per la promozione di prodotti e servizi specifici e molto vantaggiosi per il
tuo target
- Per spingere il navigore a compilare sondaggi, questionari e moduli di
feedback molto utili per il tuo business.
Quando NON conviene utilizzare le finestre di pop-up:
- Per inserire semplici banner e/o messaggi pubblicitari grafici
- Per caricare siti o pagine web di terzi, soprtutto se poco coerenti con i
tuoi contenuti
- Per segnalare problemi o "eventi negivi" (come ad esempio che il sito e' in costruzione o in fase di aggiornamento)
Come realizzare una finestra di pop-up:
(se vuoi copia e incolla questo codice Html nelle tue pagine)
<script language='javascript'>
<!--
var PopupWindow=null;
function Popup(mypage,myname,w,h,pos,infocus){
if(pos=='random'){
LeftPosition=(screen.width)?Mh.floor(Mh.random()*(screen.width-w)):100;
TopPosition=(screen.height)?Mh.floor(Mh.random()*((screen.height-h)-75)):100;}
if(pos=='center'){
LeftPosition=(screen.width)?(screen.width-w)/2:100;
TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!='random') || pos==null)
{LeftPosition=100;TopPosition=100;}settings='width='+ w + ',
height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',
locion=no,directories=no,menubar=no,toolbar=no,
stus=no,scrollbars=no,resizable=no,dependent=no';
PopupWindow=window.open('',myname,settings);
if(infocus=='front'){PopupWindow.focus();PopupWindow.locion='http://www.miosito.com';}
}
//-->
</script>
Questo codice html deve essere messo nella pagina web che apre la finestra
di pop-up. In questo esempio la
pagina web che verra' carica nella finestra di pop-up e' la home page del sito
"www.miosito.com". Se vuoi puoi
sostituirla con qualunque altro link o pagina web del tuo sito (basta
che cambi il link "www.miosito.com"
con l'indirizzo web delle tue pagine).
Ricordi che se vuoi aprire la finestra di pop-up in entra (cioe'
quando il navigore accede alla pagina) devi inserire anche questo codice html
nel tag "body" della tua pagina:
<body onLoad="Popup('http://www.miosito.com','Popup','200','200','','front');">
Se invece vuoi aprire la finestra di pop-up in chiusura (cioe' quando
il navigore esce dalla pagina) inserisci quest'altro codice nel tag
"body" della tua pagina:
<body onUnload="Popup('http://www.miosito.com','Popup','200','200','','front');">
Quando conviene utilizzare la finestra di pop-up in chiusura?
La finestra di pop-up in chiusura deve essere utilizza per giocarsi un'ultima "chance"
per "agganciare il navigore" e/o per proporgli un determino prodotto o servizio
prima che abbandoni definitivamente il tuo sito.
Potresti ad esempio aprire la finestra di pop-up in chiusura per invitarlo ad
aggiungere il tuo sito ai preferiti oppure per ricordargli l'iscrizione alla tua
newsletter (se non si e' ancora iscritto).
Non utilizzare mai la finestra di pop-up in chiusura per aprire siti
web altrui, soprtutto se questi non sono coerenti con i contenuti del tuo sito
oppure sono di scarsa qualita'. Questa prica di aprire finestre in chiusura e'
molto diffusa nei siti web erotici o "warez" e viene sempre piu' percepita come "Spam",
quindi, mi raccomando, fanne buon uso.
Come realizzare finestre di pop-up personalizze?
Come avrai noto nell'esempio qui sopra il codice javascript per creare le
finestre di pop up e' abbastanza ampio e complesso. Ci sono molte variabili per dire al
browser come e dove aprire la finestra di pop-up, come ad esempio:
-
"resizable=yes" che indica se la finestra di pop-up puo' essere
ridimensiona oppure no
- "menubar=no","scrollbars=no","toolbar=no" che
indicano se caricare le barre di menu, dei bottoni o la barra di scorrimento
- "width=200" e "height=200" indicano la dimensione
esta in pixel della finestra di pop-up
- etc. etc.
In realta' queste sono solo alcune delle innumerevoli opzioni a disposizione.
Javascript ti permette di creare finestre di pop-up con un numero pressoche'
illimito di varianti e tu, probabilmente ti starai gia' chiedendo come puoi realizzare
se non sai nulla di html o di
programmazione...
La risposta e' semplice: utilizzando Io stesso semplice, utilissimo software che
ho utilizzo anch'io... AcePopup !!!
Ogni mese vado a caccia di nuovi programmi da proporre agli iscritti
ai Servizi Avanzi e AcePopup (scaricabile gruitamente da
qui ) e' un ottimo esempio di come si possono realizzare applicazioni utili
al web marketing facilmente e senza spendere una lira !
AcePopup - http://www.cgiscript.net/software.htm
Per creare finestre di Pop-up gris e senza sapere nulla di
javascript !
Ti ricordo che AcePopup, oltre ad essere gris e' veramente leggero da scaricare
(meno di 100 kb) e (anche se in inglese) e' molto facile da
utilizzare.
Se fino ad oggi non avevi mai fto nulla in javascript allora e' proprio giunto il momento di
provarci! Cosi' quando lancerai la tua prossima campagna di
marketing avrai a disposizione un nuovo software per spingere al massimo la
tua comunicazione !
Buon lavoro e... in bocca al lupo !
Per approfondimenti: Madri
Internet Marketing e 3 Web
Marketing
Vuoi pubblicare questo articolo sul
tuo sito o sulla tua newsletter? scopri
come
Tecnologie
