Pubblicato il 27/11/09 - aggiornato il  | 4 commenti :

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 I dont know).
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
greeting-message
Se invece accedete a questo blog da Yahoo ecco come si presenterà il messaggio di saluto
yahoo
Se qualcuno entra nel vostro blog cliccando su un articolo che avete postato su OKNotizie ecco quale sarà il messaggio di benvenuto
oknotizie
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
 messaggio 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




4 commenti :

  1. che figataaaa!!
    Funziona!!!!!
    Grazie mille

    RispondiElimina
  2. @wolfsrain
    Guarda che prima di proporre un widget lo provo!
    E' chiaro che funziona :), almeno nei modelli non fortemente personalizzati...

    RispondiElimina
  3. Ciao, mi affido a te perche è davvero non so come fare... :)
    in poche parole vorrei mettere un messaggio di benvenuto che dica a quelli che vengono di diventare fan e iscriversi ai feed ecc, ma non un messaggio come quello che hai descritto in questo articolo. Magari per farti capire meglio vai qui --->http://notizie.delmondo.info/
    mi puoi aiutare?

    RispondiElimina
  4. @Curiosità Da Condividere
    Se ti riferisci a quel popup che appare temo che non si possa fare in Blogger e poi francamente lo giudico fastidioso e invasivo.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.