Come mostrare solo una volta ai nuovi arrivati sul blog una finestra popup con l'invito a iscriversi alla nostra pagina fan. Si possono settare i parametri della durata, del titolo e della lingua oltre a scegliere lo stile del popup.
Ho ricevuto molte richieste di presentare un widget che mostrasse in automatico un avviso con il pulsante per diventare fan della pagina Facebook prima di poter navigare sul sito. Premetto che trovo questo sistema per aumentare i sottoscrittore della nostra pagina un po' troppo invasivo ma la mia è una valutazione prettamente personale e sono sicuro che in molti la penseranno diversamente. Avevo già illustrato come aprire una finestra modale con il Like Box di Facebook mediante l'Effetto Shadowbox che può essere considerata una alternativa a questa nuova personalizzazione.
La finestra modale che si viene ad aprire con questo sistema potrà essere chiusa dal lettore che alternativamente può aspettare il numero di secondi che è stato settato per la sua chiusura automatica. Il widget è stato creato da Kakyheboh e si può configurare inserendo il nome della pagina fan o anche quello del Profilo di Facebook. Gli altri parametri da settare sono il Titolo, il tempo di attesa per la scomparsa della pagina popup, i minuti di attesa prima che compaia nuovamente (molto utile perché non appaia a ogni apertura di pagina), la presenza o meno del pulsante di chiusura, la lingua (oltre all'inglese c'è anche l'italiano) e lo stile della finestra
Ho postato anche una pagina di demo con questa finestra modale
Dopo la configurazione del gadget di Kakyheboh si va su Generate My Code e si scorre la pagina verso il basso fino a trovare il codice giusto per la nostra piattaforma
Se avete un blog su Blogger selezionate il codice relativo a Blogspot e copiatelo. Andate su Modello > Modifica HTML > Procedi e cercate la riga </head>. Incollatelo subito sopra e salvate il template.
Aprite il blog per controllare che la finestra modale si veda effettivamente. Nella Demo ho settato un tempo di attesa di 15 minuti per una nuova ricomparsa della finestra mentre nello screenshot avevo lasciato lo zero. Se volete rivedere prima di 15 minuti la finestra nella pagina demo, apritela in una scheda del browser con Navigazione Anonima o in Incognito.
Ernesto una curiosità, come si può inserire adsense all'interno dei post come nel tuo? grazie
RispondiEliminaLeggi la parte finale di questo post
Eliminahttp://www.ideepercomputeredinternet.com/2012/10/adsense-blogger-modello.html
R @
Come da te consigliato, il like box funziona, ma non ha un'altezza sufficiente a visualizzare tutto ciò che contiene, compreso il pulsante di chiusura anticipata. Riesci a rimediare??
RispondiElimina@ Nevio
EliminaSi tratta del codice del sito. Mi sono accorto anche io del pulsante di chiusura. Ti confesso che non me la sento di andare a controllare il codice :) Prova a cercare tutti i valori height e prova a modificarne il valore. Però dovresti prima scaricare i due file javascript. E' un lavoro non da poco. Potresti anche scrivere un commento sul sito del widget.
Grazie, gentilissimo, come sempre.
EliminaErnesto,
RispondiEliminasai se è possibile inserire una finestra di questo tipo coniugando i tre social Google+, Facebook e Twitter?
@ Giuliana
EliminaNon so se qualcuno a livello mondiale si sia mai cimentato in questa realizzazione. Se la trovassi la riproporrei.
Ma nemmeno utilizzando una normale finestra pop-up creata da soli inserendo delle icone e i rispettivi link?
RispondiEliminaUna pagina di benvenuto non mi va bene perchè copre tutto il resto del blog, e le altre finestre pop-up che ho trovato si aprono ogni volta che il visitatore cambia pagina, e allora diventa troppo invasivo.
Mi piacerebbe una finestrella che si apre solo la prima volta che il visitatore entra sul blog, (nella homepage o nelle altre pagine), e che poi rimane chiusa per il resto della navigazione. Almeno fino al giorno seguente.
@ Giuliana
EliminaE' cosa complicata. Ti linko alcuni articoli che potrebbero aiutarti
http://www.ideepercomputeredinternet.com/2011/05/come-inserire-una-finestra-popup-di.html
http://www.ideepercomputeredinternet.com/2012/04/creare-una-pagina-di-introduzione-al.html
Sai che mi piacciono le cose complicate ;p
EliminaTi ringrazio e vado a spulciare!
Piccolo aggiornamento: alla fine ho optato per un'altra soluzione.
EliminaAvendo tutte le finestre dei followers a piè di pagina, ho utilizzato il tuo post dei pulsanti floreali che portano a fine e inizio pagina per inserire due frecce gif, e quella che porta verso il basso reca una scritta del tipo "I nostri fans/Diventa fan anche tu".
Mi sembrano abbastanza visibili ma meno invasive del pop-up, magari dò uno spunto a chi come me ha i widgets dei social in fondo al blog :)
Ciao!
Giuliana
@ Giuliana
EliminaAnche io non amo per nulla le finestre popup. Le presento perché riscuotono comunque sempre il loro successo :)
Non mi funziona. Ho provato forse per il dominio personalizzato?
RispondiEliminaHo provato a scaricare http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js
per caricarlo su dropbox ma si apre e non riesco a scaricarlo
@ Marco Rinaldi
EliminaSi tratta di un javascript caricato su Google Code e quindi dovrebbe funzionare anche con i domini personalizzati. Sul sito c'è una seconda opzione per il codice di Blogspot se non funzionasse la prima.
In ogni caso per scaricare un file quando si apre in una scheda del browser, clicchi nella pagina con il destro del mouse e scegli Salva con nome per poi selezionare la cartella di download
Ciao Ernesto,
RispondiEliminaho provato ad inserire il codice seguendo le coordinate, tuttavia il popup non si visualizza. probabilmente è perché ho il template con visualizzazioni dinamiche....
a proposito di questo, scusa l'OT, sai come è possibile modificare attraverso l'HTML la larghezza della colonna sinistra nel modello dinamico "Sidebar"? in quella colonna vengono inseriti i titoli degli ultimi post pubblicati, solo che è troppo stretta e il titolo lo leggo parzialmente. grazie mille!
@ DavideMarco
EliminaSe hai un blog a Visualizzazione Dinamica non si possono praticamente fare personalizzazioni. Potresti tentare da solo con Firebug
http://www.ideepercomputeredinternet.com/2011/05/firebug-e-una-estensione-di-firefox-per.html
e inserendo i CSS su Avanzato > Aggiungi CSS ma spesso non funzionano.
Grazie Ernesto, ho provato ma niente da fare. Continuo a seguirti, soprattutto sugli aggiornamenti delle visualizzazioni dinamiche :)
RispondiEliminaciao, anche a me non piacciono particolarmente e per questo ho settato 10 secondi alla chiusura e 60 minuti per farla riapparire :)ma il tasto per chiuderla non appare :| Grazie mille
RispondiEliminaora vedo nel js per il problema del tasto di chiusura e della grandezza in generale..vi faccio sapere
RispondiEliminaallora, non si tratta del file js. per far visualizzare le foto aumentate i px a 80 qui:
RispondiElimina#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:80px;}
il bottone di chiusura è qui:
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
non capisco perchè non esca..
per chi volesse far visualizzare il popup ogni 3 giorni, basta impostare 4360 nel valore di attesa, sono 72 ore
RispondiElimina@ Domenico
EliminaNon mi stupirei che per il bottone di chiusura mancasse l'immagine. Ci dovrebbe essere una icona che però non mi ricordo di aver trovato nel codice
ci sono solo due png nel js, uno è la firma..l'altro non so, il link non funziona:
Eliminahttp://kakinetworkdotcom.googlecode.com/svn/01/skin/"+kakinetworkdotcom01skin+".png
@ Domenico...
EliminaAppunto. Forse è l'URL della crocetta ...
provo a contattare l'autore
EliminaProva...
EliminaAggiunto e funziona ...
RispondiElimina@# Lo credo bene :)
EliminaEh eh, molto bello, ma se Ernesto non lo usa...
RispondiEliminaMi hanno detto oggi che hai 40.000 followers, COMPLIMENTI!!!!!!!!!!
Magari ...
EliminaCiao posso chiederti come si può eliminare ?? Grazie
RispondiElimina@# Basta fare il procedimento opposto e andare su Modello, cercare il codice e eliminarlo quindi salvare il template.
Eliminaho provato, mi dice modello non corretto...
Elimina@# Probabilmente non lo selezioni bene. Ritorna nel sito da cui lo hai preso e guarda l'inizio della riga del codice che hai incollato per essere più precisa.
EliminaIo le odio le finestre pop-up, ma google non dava una penalizzazione ai siti con i pop-up? Ora il web ne è strapieno, sono inguardabili..
RispondiEliminaCiao Ernesto a me non funziona nè con un codice nè con un altro. Cosa posso fare?
RispondiElimina@# Il codice non è mio è del sito che ho linkato. Prova con questi altri sistemi
Eliminahttp://www.ideepercomputeredinternet.com/2013/02/blogger-social-popup.html
http://www.ideepercomputeredinternet.com/2012/03/come-mostrare-il-like-box-di-facebook.html
Segnalo che il codice non funziona più bene, infatti compare una finestra che chiede dei dati d'accesso
RispondiElimina@# Quando si sceglie di inserire widget su hosting esterno questo è il rischio. Ci sono però delle alternative
Eliminahttp://www.ideepercomputeredinternet.com/2013/02/blogger-social-popup.html
hai mica il js sul tuo pc?
Eliminaquesto per intenderci:
http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js
trovato questo:
Eliminapras-project.googlecode.com/files/likeboxfbfanpro.js
posso caricarlo sul mio google site e provare, vero?
confermo, funziona...nello script però bisogna cambiare anche la fonte dell'immagine
Elimina@# OK grazie della info che potrebbe tornare utile anche a qualche altro lettore
Eliminahemm possibile che io non riesca a trovare in nessun modo la riga < /head> ? Non sono pratico di HTML, ma andando nel modello non salta fuori da nessuna parte (ovviamente usando ctrl+F)
RispondiEliminaIl tag /head c'è per forza altrimenti non sarebbe valido come modello. Leggiti questo post e eventualmente guarda anche il video
Eliminahttp://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
@#
Il codice non sembra funzionare più e il sito dove si trovava il widget da configurare adesso reindirizza ad un sito di dropshipping!
RispondiElimina:((
Elimina