W3 Total Cache

W3 Total Cache necessita, infatti, dell’abilitazione delle funzioni di compressione di PHP, che nell’installazione di default di questo linguaggio sono settate su Off.

Per abilitare la compressione in PHP devi modificare (va benissimo qualsiasi editor di testo, anche il block notes) il file php.ini alla riga
zlib.output_compression = Off
e al posto dell’Off mettere On
zlib.output_compression = On

Riavvia il server e con un comando phpinfo() controlla che alla riga zlib.output_compression corrisponda un valore di On.

Se non fai questa modifica gli utenti che visiteranno il tuo sito otterranno un messaggio di errore di incompatibilità del tipo di compressione.

Se utilizzi Aruba come hosting, questa modifica è molto semplice:
- accedi al pannello di controllo del tuo sito
- clicca sul pulsante Servizi Hosting Linux
- clicca su Personalizzazione del file PHP.INI
- metti la spunta a Wordpress (impostazione ottimizzata per l’utilizzo di wordpress)

Nei commenti segnala altri eventuali problemi che hai riscontrato con W3 Total Cache o, se vuoi, segnala come configurare il file php.ini del tuo hosting.

Link: W3 Total Cache

Il problema è causato da un errore nel foglio di stile.
Infatti il div della parte testuale della pubblicità di Telericarica più (nella parte di destra della pagina dell’invio degli SMS) ha uno stile:

element.style {
margin-left:-1000em;
}

Il div con questa impostazione va a sovrapporsi alla casella di testo impedendone la compilazione, come dimostra questa immagine:

Se sei smaliziato e usi Firebug su Firefox puoi selezionare il div e disabilitare la proprietà (nell’immagine che ho postato basta mettere la spunta a fianco della proprietà nella casella di destra).
In questo modo il div incriminato slitterà a destra e riuscirai a mandare gli SMS. Attento che la procedura va ripetuta anche nella pagina di conferma dell’invio perchè le proprietà temporanee impostate con Firebug si disabilitano cambiando pagina.

Il problema sul sito comunque rimane e bisognerebbe frustare (simpaticamente si capisce) il webmaster del portale per non averlo testato anche su Mac OS.

AGGIORNAMENTO:
La Vodafone ha risolto il problema ed è anche stata gentile nel rispondermi e ringraziarmi:

Buongiorno Nicolo’,

In merito a quanto da te comunicato,desideriamo ringraziarti per i tuoi consigli.
I suggerimenti che ci hai fornito saranno valutati, aiutandoci a rendere migliore il servizio.

Ti aspettiamo online!

In questo articolo cercherò di darti una panoramica di quelli che sono attualmente i migliori servizi di statistiche sul mercato (gratuiti e non), evidenziando soprattutto quelli più innovativi e quali sono le pecche di quelli più conosciuti.

1) Google Analytics E’ il servizio gratuito in assoluto più utilizzato, soprattutto per la sua naturale integrazione con Google Adwords. Non c’è webmaster che non lo abbia usato almeno una volta sul proprio sito. Essendo quindi uno strumento ampiamente conosciuto dirò solo quelli che a mio avviso sono i punti di debolezza del servizio: non c’è la possibilità di tracciare l’IP del navigatore e soprattutto non ha integrato un sistema di tracciamento in tempo reale delle statistiche. Infine non ha un sistema dedicato per tracciare con precisione i social networks e i servizi che permettono di accorciare gli url (shortener), come Bit.ly. In realtà per quanto riguarda gli shortener forse qualcosa si muove, visto che Google sta testando un proprio sistema goo.gl.

2) Clicky E’ il servizio di statistiche che ha ispirato questo mio post.
I suoi punti di forza sono: la possibilità di tracciare in tempo reale le azioni degli utenti sul sito, l’integrazione con Twitter con la possibilità di tenere delle statistiche precise dell’account (Tweet Types, #Tags, @Senders, @Recipients, Links), l’integrazione con gli shortener, una versione dedicata per l’iPhone, il tracciamento delle e-mails e infine la possibilità di tracciare delle singole campagne o singole iniziative (eventi, post particolari, etc. etc.).

Ovviamente ha anche quelle funzioni che personalmente definisco come basilari, come il tracciamento degli IP, il custom data tracking, una segmentazione avanzata degli utenti e un’identificazione precisa del navigatore (organizzazione o società da cui si connette, risoluzione dello schermo etc. etc.).

Il sistema è gratuito per un singolo sito con 3000 pagine visualizzate al giorno. Il pacchetto a pagamento più interessante è il Pro, che con $ 59,99 l’anno, ci permette di tracciare 10 siti per un totale di 30.000 visualizzazioni di pagina.

3) Woopra Come aspetto particolare ha una funzione direi praticamente unica nel settore, ovvero la possibilità di attivare una chat con l’utente che in quel momento sta navigando il sito. Da un lato può essere uno strumento invasivo, dall’altro offre nuove forme di interazione con i nostri visitatori.
Anche Woopra permette un tracciamento in tempo reale dei navigatori, con una profilazione davvero completa. In passato occorreva installare il software di tracciamento sul PC, oggi è in beta una versione on line delle statistiche.
E’ gratuito per tracciare un sito con 30.000 pagine viste al mese, inserendo però della pubblicità.

4) Chartbeat E’ uno strumento particolare, che utilizzerei soprattutto per tracciare una singola campagna, un evento o un lancio di un prodotto. Questo perchè il sistema nasce per tracciare con accuratezza in tempo reale tutto quanto avviene sul sito. Fra l’altro, proprio nell’ottica di monitorare i picchi di traffico offre degli interessanti servizi di supporto come l’applicazione per iPhone, gli SMS e le e-mails di allerta, che segnalano gli eventuali crash del server o gli eccessivi rallentamenti delle pagine.
Il servizio è gratuito per i primi 30 giorni, poi costa 9.95 $ al mese, ma, proprio per le sue caratteristiche di utilizzo, l’addebito può essere sospeso in qualunque momento, ad ulteriore conferma del fatto che sia un servizio nato per essere usato in maniera spot.

5) Shinystat Qui andiamo un po’ più sul classico. Lo segnalo perchè nella versione gratuita è utilizzato da molti siti, soprattutto in Italia, anche se, purtroppo, si è costretti a esporre un banner di affiliazione al servizio.
E’ buona anche la versione a pagamento, anche se dall’impostazione un po’ datata.
Si distingue dagli altri servizi per lo strumento aggiuntivo delle Video Analytics, che offre un’analisi dei video pubblicati in rete in tempo reale, addirittura tracciando l’interesse rispetto a ciascuna porzione del video stesso. Permette inoltre di misurare la diffusione “virale” di un video distribuito su domini diversi.

6) Statcounter Termino la carrellata con un classicissimo. Il servizio è completamente gratuito (ci sono solo dei banners pubblicitari nell’area di amministrazione) e validissimo se stiamo cercando un qualcosa di basilare. E’ comunque interessante il tracking in tempo reale degli utenti. Direi che è il servizio perfetto per un sito personale.

Se conoscete altri servizi interessanti o volete aggiungere un parere o esperienze su quelli proposti, siete i benvenuti. A voi la parola.

Oggi vedremo come rendere più performante l’installazione di Drupal in locale e come risolvere alcuni problemi che possono nascere con la versione di PHP installata di default.

Per prima cosa dobbiamo scegliere la versione di PHP da utilizzare. Drupal al momento presenta molti problemi con la versione di PHP 5.3.x, per cui è meglio utilizzare una versione 5.2.x.
Per farlo nella nostra installazione di MAMP, basta far apparire la schermata iniziale e cliccare su PREFERENZE:

Nella schermata PREFERENZE potremo mettere la spunta sulla versione di PHP che ci interessa, nel nostro caso la 5.2.13.

Il passo successivo è rendere performante Drupal.
Alcune installazioni di MAMP partono con un setup della memoria di 8MB, che è decisamente pochina per un’installazione di Drupal, soprattutto per alcuni moduli fondamentali come Views.

Il problema si risolve molto facilmente modificando questo setup.
Per farlo apriamo il file php.ini (percorso partendo dalla root della nostra installazione di MAMP):
conf/PHP5.2/php.ini

All’interno del file cerchiamo la riga:
memory_limit = 8MB ; Maximum amount of memory a script may consume (8MB)

e modifichiamola impostando la memoria a 32M o se vogliamo anche a 64M:
memory_limit = 64M ; Maximum amount of memory a script may consume (8MB)

Salviamo e voilà il gioco è fatto, il vostro Drupal in locale andrà come una scheggia.

1) Firebug Come dice il nome, serve per scovare i bug nel codice delle pagine web che abbiamo scritto. E’ possibile analizzare in dettaglio il DOM, il codice Html e i fogli di stile. Uno strumento davvero indispensabile per i webmasters.
Utile soprattutto la funzionalità che ci permette di vedere immediatamente le modifiche al volo i fogli di stile mentre siamo sulla pagina.

- 1 A) YSlow E’ un componente aggiuntivo di Firebug che ci fa capire quali sono gli elementi che rallentano il caricamento delle nostre pagine web e come possiamo ottimizzarle. Vi ricordo che la velocità di caricamento delle pagine è uno dei nuovi parametri considerati da Google per un buon posizionamento.
- 1 B) Drupal for Firebug Utilissimo se sviluppate temi per Drupal.

2) Web Developer – E’ possibile testare i CSS, resizare la pagina nelle dimensioni volute, validarla secondo gli standard W3c, avere un report della velocità di caricamento etc. etc.

3) LinkChecker Permette di controllare la validità dei links all’interno di una pagina

4) SEOQuake – Strumento per i SEO, offre utili informazioni per chi lavora nel search engine optimization

5) ColorZilla – Strumento per identificare i colori all’interno di una pagina web e salvarne i codici sRGB.

6) Screen Grab Per salvare le pagine web come immagine. Si può salvare tutta la pagina o una sua porzione.

7) BuiltWith Permette di scoprire con che CMS è fatto un sito e buona parte delle librerie che utilizza. Non solo, potremo anche capire su che tipo di server risiede e, in alcuni casi, che versione del sistema operativo ha.

8 ) Exif Viewer Permette di scoprire i dati di scatto Exif delle fotografie su internet e sul PC in locale. Particolarmente indicato per i web masters con la passione della fotografia.

Qualche giorno fa avevo scritto un articolo su come installare un server LAMP in locale con XAMPP, oggi però devo consigliarvi un altro pacchetto di installazione, per poter installare anche Drupal sul vostro PC.

Infatti ho provato un’installazione sul server virtuale realizzato con XAMPP, ma, purtroppo, la versione di PHP che viene installata con questo pacchetto all in one non è al momento compatibile con quella supportata dalla versione corrente di Drupal, ovvero la 6.17.

Si potrebbe bypassare il problema installando a mano la versione di PHP che ci interessa in XAMPP, ma a mio avviso si fa molto prima ad utilizzare MAMP (e non vi nego che vi toglierete anche qualche bel grattacapo) .

Dobbiamo quindi procurarci la versione gratuita di MAMP, che svolge lo stesso compito di XAMPP, ovvero installa in locale in maniera molto semplice un server Apache, Mysql e PHP.
Il setup è semplicissimo, basta infatti scaricare il software e installarlo come un qualsiasi programma.

All’avvio di MAMP avremo la seguente schermata, che ci dice se il server Apache e MySql sono attivi (luce verde):

Cliccando su “Apri la Home page” apparirà la schermata con tutti i dati per mettere mano al nostro server e ai database utilizzando phpMyAdmin.

I files dei nostri siti andranno caricati nella cartella
Applicazioni/MAMP/htdocs/nome-tuo-sito

e saranno accessibili all’indirizzo: http://localhost:8888/nome-tuo-sito

Siamo pronti per procedere all’installazione in locale di Drupal.

Nei vari passaggi dell’installazione ci verranno chiesti i dati di connessione al Database, ricavabili dalla schermata di gestione di Mamp, ovvero
Username: root
Password: root
Per l’host del server: localhost.
Per quanto riguarda il  database, dovremo prima crearlo dal pannello di controllo di phpMyAdmin e assegnare il nome scelto.

L’unico intoppo, se così vogliamo chiamarlo, che ho riscontrato nell’installazione di Drupal è stato la richiesta di un file mancante settings.php, piccolo baco del processo di installazione, che si risolve facilmente andando nella cartella sites/default, impostandola in lettura e scrittura  e  duplicando il file default.settings.php e rinominando il file duplicato come settings.php (in pratica Drupal vuole i due files).

Per impostare i permessi delle cartelle sul vostro Mac, selezionate la cartella, cliccate su MELA + I e nella schermata che appare in pop up cercate in basso “Condivisione e permessi”, cliccate sul lucchetto e digitate la password di amministratore, quindi impostate i permessi in “Lettura e scrittura”.

In un’installazione non in locale, mi raccomando non lasciate i permessi a 755 sul server Linux on line per questa cartella, ma reimpostate quelli di default lasciando la cartella in sola lettura.

Se avete problemi, dubbi o domande non esitate a rispondere nei commenti del post.

Vediamo come procedere:
1) Per prima cosa facciamo un bel backup del sito e del database. Non sto a rispiegarvi tutta la procedura, ma vi rimando alla parte relativa all’interno dell’articolo “Come fare l’upgrade di Wordpress a mano“.

2) Scarichiamo il plugin Wordpress Table Prefix Rename e installiamolo nella cartella dei plugin. Attiviamolo.

3) Andiamo in Settings > Table Rename
Appare la seguente schermata in cui possiamo inserire il nuovo prefisso:

Non c’è bisogno di inserire l’underscore alla fine del prefisso, perchè lo farà in automatico il plugin (l’underscore è utile in futuro se dobbiamo mettere mano alle tabelle in phpMyAdmin e non vogliamo impazzire per capire il nome delle tabelle che cerchiamo).
In questa fase è importante ricordare che come caratteri vengono accettati solo lettere, numeri o underscore.

4) A livello di database abbiamo finito, manca solo una piccola modifica al file config.php nella cartella principale dell’installazione di Wordpress.
Dobbiamo trovare la riga di codice in cui viene definito il prefisso delle tabelle, quella di default è
$table_prefix = ‘wp_’;
va sostituita con il prefisso che abbiamo scelto all’interno della schermata del plugin, nel nostro caso diventerà:
$table_prefix = ‘dfrt43xd_’;

5) Il processo è terminato. Se tutto funziona non ci resta che cancellare a mano tutte le vecchie cartelle con il prefisso wp_ (il plugin intelligentemente non le cancella di suo, ma ne fa un duplicato per il nuovo prefisso).
Ricordo che in phpMyAdmin occorre prima svuotarle cliccando sull’icona del cestino.

La soluzione più veloce e semplice per installare un server Apache sul proprio computer è utilizzare la distribuzione gratuita XAMPP.

XAMPP è disponibile per Windows, Mac OS, Linux e Solaris e ha tutto l’occorrente per poter creare in locale un sistema completo, dotato anche di PhpMyAdmin per la gestione dei database.

Personalmente l’ho installato su un Mac con Leopard.
Il setup è di una facilità disarmante: basta scaricare il software, decomprimerlo e trascinare l’applicazione all’interno della cartella “Applicazioni”; il programma si avvia come qualsiasi altra applicazione del Mac, con un doppio clic sull’icona .app.

All’avvio si ha la seguente schermata, che chiede cosa avviare del server:

Per lavorare, ovviamente, bastano Apache e MySQL.
Per controllare se l’installazione è andata a buon fine, accediamo all’indirizzo:
http://localhost, avremo una schermata con diversi link per fare i test e visionare alcune applicazioni di esempio, ma soprattutto con un link per aprire PhpMyAdmin e iniziare a costruire il nostro database da collegare al sito:

I file vanno caricati nella cartella
/Applicazioni/XAMPP/htdocs/

e sono accessibili via browser all’indirizzo
http://localhost/

oppure in alternativa possono essere caricati nella cartella “Siti” (già preimpostata sul Mac) e sono accessibili all’indirizzo
http://localhost/~nomedeltuomac/

Per testare più siti contemporaneamente, basta creare delle cartelle separate al cui interno vanno collocati i file, ad esempio:
Sito A – http://localhost/sito-a/
Sito B – http://localhost/sito-b/

Come scritto dagli stessi realizzatori sul sito ufficiale, mi raccomando utilizzate XAMPP solo ed esclusivamente per test in locale sulla vostra macchina, non fatevi venire la malaugurata idea di utilizzarlo su un server on line, perchè il software non ha limitazioni per la sicurezza on line, proprio per dare la massima libertà possibile allo sviluppatore.

Link: XAMPP

Il problema che può sorgere per un web designer è fare in modo che il campo di input si azzeri al momento del clic, facendo sparire la scritta settata di default.

Possiamo facilmente trovare una soluzione con poche righe di codice Javascript.

Ipotesi A – Facciamo sparire la scritta dal campo pre compilato nel momento del clic

La parte del codice che svolge il compito è:
onClick="this.value=''"
che dice al browser di far sparire il contenuto del campo al momento del clic.

Ipotesi B – Facciamo sparire la scritta dal campo pre compilato se l’utente clicca, ma la facciamo riapparire se non viene completato il form

La parte del codice che svolge il compito è:
onfocus = "this.value = '';" onblur = "if(this.value == '') this.value = 'Testo precompilato' "
che dice al browser di eliminare il contenuto nel momento in cui l’elemento riceve il focus dal puntatore del mouse e di ripristinarlo quando il focus viene perso.

Breve tips per i programmatori: se siete alla ricerca di validi cheat sheet (tradotto letteralmente fogliettini) per i vari linguaggi di programmazione o CMS come ad esempio Wordpress, vi segnalo il sito che ha come obiettivo quello di raccogliere i migliori, ovvero Quicklycode.