Articoli con Tag ‘Internet’


BlogBabel Rank: non intrusivo

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

In questo cosa il non intrusivo non si riferisce a particolari tecniche Javascript, anzi! Sempre per questioni legate alla compatibilità (ringrazio ancora Gioxx per il testing e feedback), ecco un’ulteriore metodo per installare l’antipixel di BlogBabel anche sui Blog che intercettano caricamenti di script e quant’altro:

1
2
3
<!-- BlogBabel Rank -->
<img alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
<!-- BlogBabel Rank -->

Ottenendo

BlogBabel Rank

Se volete potete anteporre anche il link a BlogBabel o alle vostre statistiche complete:

1
2
3
4
5
<!-- BlogBabel Rank -->
<a target="_blank" href="http://it.blogbabel.com/metrics/[blog]">
<img border="0" alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
</a>
<!-- BlogBabel Rank -->

O più semplicemente:

1
2
3
4
5
<!-- BlogBabel Rank -->
<a target="_blank" href="http://it.blogbabel.com">
<img border="0" alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
</a>
<!-- BlogBabel Rank -->

Questa tecnica rende l’antipixel di BlogBabel del tutto simile al metodo usato da Feedburner… ;)

Continua...

BlogBabel Rank: immagine senza script

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Ulteriore miglioramento grazie ad una scambio mail con Gioxx per eliminare anche l’uso di uno script. Con questo semplice codice e grazie al servizio fornito da tools.blogflux.com è possibile visualizzare il Rank di BlogBabel direttamente dal un link ad un’immagine! Questo dovrebbe risolvere le maggiori incompatibilità tra i vari blogger:

1
2
3
<!-- BlogBabel Rank -->
<img alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/services/bbroimage.php?blog=[blog]"/>
<!-- BlogBabel Rank -->

Per determinare il vostro codice da sostituire a [blog] vedi qui

Continua...

BlogBabel Rank versione immagine

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Ho realizzato l’antipixel per BlogBabel anche in versione immagine! Grazie ad uno dei servizi offerti da tools.blogflux.com è ora possibile visualizzare il proprio Rank BlogBabel anche in GIF. Il codice da usare è il seguente:

1
2
3
<!-- Start BlogBabel Rank -->
<script language="javascript1.2" type="text/javascript" src="http://www.undolog.com/services/bbrimage.php?blog=[blog]"></script>
<!-- End BlogBabel Rank -->

Come sempre sostituite a [blog] il vostro codice. Questa versione NON richiede Flash! Tuttavia permette la visualizzazione dello sfondo rosso o verde a seconda del miglioramento del Rank. Ovviamente non è disponibile il menu contestuale come nella versione Flash. A voi la scelta e buon antipixel a tutti ;)

Continua...

BlogBabel Rank patch: compatibilità W3C e Internet Explorer

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Per risolvere l’attivazione del controllo su Internet Explorer e migliorare la validazione W3C ho modificato – e reso più semplice – l’installazione dell’antipixel BlogBabel Rank. Il nuovo codice da usare è:

1
2
3
<!-- Start BlogBabel Rank -->
<script language="javascript1.2" type="text/javascript" src="http://www.undolog.com/services/bbrjs.php?blog=[blog]"></script>
<!-- End BlogBabel Rank -->

Sostituite [blog] con il solito codice fornito nelle metriche di BlogBabel.

Continua...

BlogBabel Rank 1.2

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

  • Corretta label "Blogbael" in "Blogbabel" – grazie Alex per avermelo fatto notare
  • Aggiunta visualizzazione Valore Attuale, Valore Massimo e Valore Minimo, questi corrispondono all’elenco mostrato sulla classifica generale, tipo:

Per rispondere a Tommaso Tessarolo che scriveva:

Perché non fai anche altri 2 antipixel uno per la classifica senza categoria e l’altro per quella senza blog commerciali. L’ideale sarebbe avere un 4 antipixel omnicomprensivo: generale, non commerciale, senza categoria + trend (up o down) sullo stile di quelli di shiny stats

Purtroppo attualmente su BlogBabel non è possibile visualizzare in modo immediato un blog in una particolare categoria. In pratica se si va sul sito di BlogBabel e si seleziona ad esempio "Solo i blog senza categoria", quello che si ottiene è una lista-paginata di Blog, dal primo al  centesimo, senza tuttavia avere la possibilità di chiedere al sistema "fammi vedere undolog in che posizione risulta in questa categoria"… mentre per le metriche standard è possibile scremare per blog, per le altre si ottengono solo liste paginate. In pratica solo chi risulta tra i primi 100 sarebbe rintracciabile, ma per il centunesimo blog in poi, bisognerebbe eseguire una ricerca per tutte le pagine… cosa assai troppo "arzigogolata"!!

Dovrei contattare i responsabili di BlogBabel e chiedere l’attivazione di qualche filtro o pagine speciali realizzate appositamente per l’antipixel… cosa che tuttavia in futuro non è detto che non sia possibile ;)

Continua...

BlogBabel Rank: aggiornamento versione 1.1

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Ho fatto alcune aggiunte e migliorie all’antipixel in Flash per visualizzare il rank di BlogBabel.


Versione 1.1

Prima di tutto cliccando sull’antipixel si apre una nuova finestra del browser che – giustamente – punta al sito di BlogBabel, direttamente alla vostra pagina delle statistiche. Ho aggiunto un menu contestuale con due opzioni: il link a undolog.com e la funzione di refresh (aggiornamento) del rank.

Ultima chicca aggiunta è la facoltà di ricordarsi l’ultimo rank visualizzato (per adesso non lo prelevo da BlogBabel) cosi da mostrare uno sfondo in rosso in caso si sia persa qualche posizione ;)

Continua...

BlogBabel Rank: antipixel in Flash

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Visto che c’ero ho creato un antipixel in Flash per BlogBabel che mostra il rank!

Per utilizzarlo copiate il codice qui sotto e sostituite a [blog] l’identificativo del vostro Blog usato in BlogBabel. Per ottenere l’identificativo del vostro Blog andate su BlogBabel e visualiizate le vostre statistiche. L’url della pagina è nel formato http://it.blogbabel.com/metrics/blog/[identificativo]/, copiate la parte [identificativo] e sostituitele al codice qui sotto:

1
2
3
<!-- Codice per path Internet Explorer -->
<script language="javascript1.2" type="text/javascript" src="http://www.undolog.com/services/bbrjs.php?blog=[blog]"></script>
<!-- Fine BlogBabel Rank -->

OPZIONI E FUNZIONALITA’

In questa versione se cliccate sull’antipixel è possibile aggiornare il rank.

Il colore di sfondo è modificabile direttamente nel codice proposto sopra: ora è impostato a #eeeeee!

Suggerite eventuali migliorie… ;)

Continua...

Google Analytics: nuova versione

Google Analytics

Siamo lieti di annunciare la nuova versione riprogettata di Google Analytics.
Nelle prossime settimane, verrà eseguita la migrazione di tutti gli account Analytics esistenti alla nuova interfaccia di Google Analytics. Riceverai una notifica tramite email una volta completata la migrazione del tuo account. Per un mese, potrai accedere sia all’interfaccia originale sia alla nuova interfaccia. Durante la migrazione, non è prevista alcuna interruzione del servizio e sarai in grado di visualizzare tutti i tuoi dati a prescindere dall’interfaccia utilizzata.

Google Analytics

Per chi è già registrato può accedere ad un’anteprima delle nuove funzionalità davvero interessanti. Era un po’ che Google non aggiornava il suo sistema di statistiche e i concorrenti ne avevano sicuramente approfittato (vedi: Reinvigorate: measure. analyze. evolve. ). Tra le novità più interessanti, almeno per me, segnalo:

Bacheche personalizzate
Non è più necessario andare a scovare le informazioni nei rapporti. Inserisci tutte le informazioni di cui hai bisogno in una bacheca personalizzata da inviare agli altri tramite email.

Rapporti via email
Pianifica o invia rapporti personalizzati "ad hoc" tramite email che contengano esattamente le informazioni che desideri condividere.

Per ora solo alcuni account hanno subito la migrazione, il mio – ad esempio – no! Come indicato nella nota, infatti, Google avviserà gli utenti per email  così che per un mese sarà possibile valutare la nuova versione avendo a disposizione la precedente – probabilmente per non perdersi e per paragonare i due sistemi! Appena lo potrò provare posterò le mie impressioni… ;)

Continua...

Catturare il Rank a BlogBabel

Aggiornamento: Blogbabel ha chiuso – tutti i servizi, widget e plugin non sono più attivi

Poco tempo fa era capitato su un Blog che mostrava un antipixel di BlogBabel con tanto di indice/rank (che spesso può essere di quattro cifre). Ho lasciato un messaggio al proprietario del blog ma non ho ricevuto nessuna risposta! Quindi ho contattato direttamente i responsabili di BlogBabel per chiedergli se avevano antipixel dinamici! Gentilmente mi hanno risposto (grazie Neko)  inviandomi degli antipixel statici, tipo questo , ancora in preparazione.

Nell’attesa ecco un piccolo codice PHP utile per grabbare il proprio rank su BlogBabel:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/*
** bypassa il blocco fopen() di php
*/
function getContent ( $blog="" ) {
  $ch = curl_init();
  $timeout = 5;  
  curl_setopt ($ch, CURLOPT_URL, AIM_URL.$blog."/" );
  curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
  curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
  $file_contents = curl_exec($ch);
  curl_close($ch);
  // display file
  return ( $file_contents );
}

/*
** Nome del blog in GET dall'url
*/
if( isset($_GET["blog"] )) {

  $contents=getContent( $_GET["blog"] );
 
  $s = '<span id="current_rank">';
  $e = '</span>';
  $pos = strpos($contents, $s);
  $f = $pos+strlen($s);
  $rank = substr($contents, $f, (strpos($contents,$e,$f)-$f));
 
  echo 'Rank:'.$rank;
}

La funzione getContent() fa uso della curl, un’alternativa alla fopen() per i provider che bloccano questa funzione.

Questa ovviamente è una "zozzata", come si dice in gergo! Tuttavia funziona. Inoltre si può usare anche la libreria ImageMagick per generare un antipixel grafico, aggiungere la funzione:

1
2
3
4
5
6
7
8
9
/*
** crea un'immagine
*/
function makeAntipixel($rank,$blog) {
  $location='/usr/bin/convert';
  $command="convert -border 1 -font Arial -pointsize 10 -gravity West -size 80x15 xc:white -annotate 0x0+0+0 '".$rank."' ".$blog.".gif";
  $convert= $location . ' ' .$command;
  exec ($convert);
}

E quindi modificare:

1
2
3
4
5
6
7
8
9
10
11
12
13
if( isset($_GET["blog"] )) {

  $contents=getContent( $_GET["blog"] );
 
  $s = '<span id="current_rank">';
  $e = '</span>';
  $pos = strpos($contents, $s);
  $f = $pos+strlen($s);
  $rank = substr($contents, $f, (strpos($contents,$e,$f)-$f));
 
  makeAntipixel($rank, $_GET["blog"]);
  echo '';
}

Per visualizzare il proprio rank potete usare il test su:

http://www.undolog.com/services/blogbabelrank.php?blog=[nome del vostro blog]

Ad esempio per visualizzare il rank di undolog basta:

http://www.undolog.com/services/blogbabelrank.php?blog=undolog

Continua...

Unobtrusive Tabstrip

Utilizzando Prototype.js e Scriptaculous ecco come realizzare delle simple-tabstrip per un sito Web. In questa versione il soggetto non è il Tabstrip ma il suo funzionamento. La caratteristica essenziale di questo script risiede nella semplicità d’uso e nella possibilità di mantenere accessibile una pagina anche quando Javascript è disabilitato. In pratica è possibile addirittura aggiungere questa tecnica a pagine già realizzate a patto che rispettino quel minimo di sintassi HTML esposta sotto.

Per mantenere l’accessibilità anche in caso di Javascript disabilitato partiamo quindi dal caso standard HTML, quando, cioè, si inseriscono degli anchor all’interno di una pagina, nel formato:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul>
<li><a href="#tbs1">Link 1</a></li>
<li><a href="#tbs2">Link 2</a></li>
<li><a href="#tbs3">Link 3</a></li>
</ul>

<a name="tbs1"></a>
<div>
<p>Content #1</p>
</div>

<a name="tbs2"></a>
<div>
<p>Content #2</p>
</div>

<a name="tbs3"></a>
<div>
<p>Content #3</p>
</div>

Il codice HTML sopra esposto funziona in quanto non fa assolutamente uso di Javascript! Passiamo ora al nostro codice Unobtrusive:

1
2
3
4
5
6
7
8
9
10
11
12
13
Event.observe(window, 'load', function() {
$$('a[href^=#]:not([href=#])').each(  function(element) {
  element.observe('click', function(event) {
  $$('a[name])').each( function(element){element.next().style.display="none"})
  var c = 'a[name="'+this.hash.substr(1)+'"]';
    $$(c).each(function(element) { new Effect.Appear(element.next()) });
    Event.stop(event); }.bindAsEventListener(element))
 })
  var i = 0;
  $$('a[name])').each(function(element) { if(i>0) element.next().style.display="none"; else i++; }
  );
}
);

Questo codice – posto nella nostra pagina – non solo trasforma la nostra lista puntata in un Tabstrip ma, grazie a Scriptaculous, aggiunge anche un simpatico effetto fade quando si passa da un link-tab all’altro.

Continua...



Stop SOPA