Aggiornato il widget del messaggio di benvenuto (greeting box) per i blog su Blogger.

I servizi supportati dal widget sono stati portati a 33 (32 effettivi più uno generico), ho infatti aggiunto Bing, Blogger, Diggita e OKNotizie. L'elenco delle pagine di provenienza dei visitatori che vengono rilevate e personalizzate, rispetto al greet box precedente, è il seguente

1. Generico
2. Bing
3. Blogger
4. Google
5. Yahoo
6. Digg
7. Diggita
8. Stumbleupon
9. Delicious
10. Facebook
11. Flickr
12. Friendfeed
13. Friendster
14. Furl
15. Lastfm
16. Linkedin
17. Livejournal
18. Magnolia
19. Mixx
20. Myspace
21. Netvibes
22. Newsvine
23. OKNotizie
24. Picasa
25. Pownce
26. Reddit
27. Technorati
28. Twitter
29. Vimeo
30. Webshots
31. Wordpress
32. Yelp
33. Youtube

La particolarità di questo widget è che dà un messaggio di benvenuto al visitatore che arriva sul nostro sito a seconda del referral da cui è giunto. Se viene da una ricerca su Google vedrà un messaggio del tipo: "Ciao amico che vieni da Google, ecc…. Se invece proviene dalla Bacheca di Blogger di qualcuno che è  follower del tuo blog, il messaggio sarà: "Ciao amico di Blogger, ecc..
Questo vale per tutti e trentadue i servizi elencati. Nel caso in cui non provenisse da nessuno di questi ecco che allora sarà visualizzato un messaggio generico che invita alla sottoscrizione dei feed.

Per installare il widget occorre andare in Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript ed inserire in seguente codice

<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/Testo_da_mostrare3.js" type="text/javascript">
</script>
<div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none">
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "URL_del_Feed";
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/HideShowDiv.js" type="text/javascript">
</script>
<script type="text/javascript">
//Inserisci il nome del tuo dominio
var myRestrictedDomainList = "URL_del_blog";
showHideDiv(myRestrictedDomainList);
</script>

Le personalizzazioni da fare riguardano anche il file javascript presente nella prima riga che può essere caricato su un vostro hosting per essere sicuri che non si superi la larghezza di banda ammessa in Google Sites (non mi è dato sapere di quanto sia ).
Dobbiamo quindi inserire, oltre all'URL del blog, anche l'URL dei feed che è del tipo
http://nomeblog.blogspot.com/feeds/posts/default
Si possono anche personalizzare il colore di background della tabella (#F8F8FF), la dimensione del bordo (1px), il tipo di bordo (solid=continuo, dashed=trateggiato, dotted=punteggiato, ecc) e il colore del bordo (#B6AFA9).
Per testare il funzionamento di questo fantastico gadget provate ad accedere al mio blog da questa pagina di ricerca su Bing e vedrete un messaggio di questo genere, con l'icona di Bing sulla sinistra

Se invece accedete a questo blog da Yahoo ecco come si presenterà il messaggio di saluto

Se qualcuno entra nel vostro blog cliccando su un articolo che avete postato su OKNotizie ecco quale sarà il messaggio di benvenuto

Questo vale per tutti e trentadue i servizi elencati; in futuro ne potrò aggiungere anche altri (volevo aggiungere anche Wikio e Liguida ma non ho trovato un'icona 50x50 o più grande) . Nel caso non fosse possibile stabilire la provenienza del visitatore, il messaggio sarà generico
 
Farò un'analisi di quanto inciderà questa personalizzazione sull'andamento delle sottoscrizioni ai feed. Nel caso ci fossero dei problemi dovuti a un superamento della banda fatemelo sapere che porrò immediatamente rimedio.
Coloro che volessero inserire un widget con l'aspetto identico a quello di questo blog, con un collegamento ad una pagina che spiega che sono i feed, e un altro collegamento alla pagina fan di Facebook, possono incollare in un elemento HTML/Javascript questo codice

<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/Testo_da_mostrare10.js?" type="text/javascript">
</script>
<div id="mainDisplayDiv" style="background:#FFFFFF;border:2px dashed #003366;display:none">
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "URL_Feed_Blog";
var feedFeed = http://www.ideepercomputeredinternet.com/2009/11/cosa-sono-i-feed-e-come-si-usano-solo.html;
var PageFanURL = "URL_Pagina_Fan";
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/HideShowDiv.js" type="text/javascript">
</script>
<script type="text/javascript">
//Inserisci il tuo dominio
var myRestrictedDomainList = "URL_Blog";
showHideDiv(myRestrictedDomainList);
</script>

Si devono inserire l'indirizzo del blog, quello dei feed, quello di un post in cui si spiega cosa sono i feed (potete lasciare anche il mio) e l'indirizzo della pagina fan su Facebook. Possono anche in questo caso essere personalizzati il colore di sfondo, la forma e il colore del bordo modificando i parametri evidenziati di rosso. Se non avete ancora una pagina fan potete seguire le istruzioni del post "Come creare una pagina fan su Facebook e importarne automaticamente i feed".
Aggiornamento importante: Per eventuali aggiunte di altri servizi consulta

• Widget di Benvenuto con invito a sottoscrivere i feed e iscriversi alla Pagina Fan di Facebook -