Il Blog di Francesco Terenzani

Utilizzare sfForm (ed ogni classe di Symfony 1.x) come componente standalone

Tue, 06 Sep 2011 23:41:40 +0200

Oltre ai componenti di Symfony già distribuiti come libraries standalone, se vi interessa utilizzate solo qualche classe del Framework Symfony 1 senza portarvi appresso tutta l'architettura MVC, basta includere e registrare il suo core autoloader:

<?php
require_once '/path/to/Symfony/autoload/sfCoreAutoload.class.php';
sfCoreAutoload::register();

Si può ora utilizzare solo il framework per i form di Symfony, ma anche ogni altra classe di Symfony. Qualche esempio riferito a Symfony 1.1 sul blog ufficiale.

[Web Performance] Includere file Javascript alla fine del body: problemi e soluzioni

Tue, 26 Oct 2010 23:32:00 +0200

Una delle performance best practices per le pagine web è quella di includere i richiami dei file Javascript alla fine del documento, appena prima della chiusura del tag body, invece che, come ancora comunemente avviene, nell'head del documento.

Una delle scomodità che questo comporta è che, se ad esempio spostiamo jQuery alla fine del documento, naturalmente non potremo utilizzare la libreria in nessuno script embed prima della fine del documento.

Un modo molto semplice per aggirare il problema, è quella di utilizzare un semplice array come coda di funzioni da eseguire quando le librerie necessarie saranno state incluse.

Nell'head del documento, l'unico Javascript può quindi essere:

<script>var jq=[]</script>

Ora, se vogliamo definire uno script embed nella pagina, ci basta aggiungere una funzione come elemento dell'array:

<script>
jq.push(function($){
    alert("jQuery is here and the document is ready");
});
</script>

Ed infine, a fondo pagina, dopo l'inclusione delle librerie, non ci resta che eseguire la coda di funzioni. Se abbiamo a disposizione jQuery:

jQuery(function($){
    $.each(jq, function() {
        this($);
    });
    jq.push = function(func) {func($)};
});

O, per una versione generica in puro Javascript:

for (var i = 0, length = jq.length; i < length; ++i) {
    jq[i]();
}
jq.push = function(func) {func()};

Tracciare link esterni, e-mail e download con Google Analytics

Tue, 09 Feb 2010 12:37:56 +0100

Ci sono diversi modi per tracciare i click sui link esterni, le e-mail ed i file da scaricare. Tra le tante, ce ne è una particolarmente semplice e soprattutto automatica, che è quella realizzata da me e Marco Cilia di Goanalytics :-)

L'installazione e la configurazione è in soli due passi:

Scarica la libreria e salvala nella cartella /js/ (se non esiste creala) del tuo sito web

Includi in tutte le pagine del tuo sito, appena dopo il codice di Google Analytics, questo codice:

<script src="/js/ga.link.min.js"></script>
<script>
_gaq.push(function(){
    _ftTrack(_gat._getTrackerByName(), "link|email|7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip");
});
</script>

Fine dell'installazione! :-)
Ora tutti i click su link esterni, e-mail e file scaricabili saranno tracciati come eventi in Google Analytics.

Il codice completo dovrebbe essere più o meno come il seguente:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script src="/js/ga.link.min.js"></script>
<script>
_gaq.push(function(){
    _ftTrack(_gat._getTrackerByName(), "link|email|7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip");
});
</script>

La funzione _ftTrack accetta due argomenti:

Il primo, quello che rende la libreria multi account, è il tracker di Google Analytics, ottenuto con la funzione _gat._getTrackerByName()
Il secondo è composto dalla parola chiave "link", che attiva il tracciamento dei link esterni, dalla parola chiave "email", che attiva il tracciamento dei click sulle e-mail e dall’elenco delle estensioni da tracciare. Le parole chiave ed ogni estensione devono essere separate tra loro da un pipe (il carattere "|").

Tracciamento su più account

Una delle particolarità di questa libreria è che può essere utilizzata anche con diversi account di Google Analytics nella stessa pagina. Di seguito un esempio con due account:

Il codice di Google Analytics:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-1']);
  _gaq.push(['_trackPageview']);

  _gaq.push(['b._setAccount', 'UA-XXXXX-2']);
  _gaq.push(['b._trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Seguito da:

<script src="/js/ga.link.min.js"></script>
<script>
_gaq.push(function(){
    _ftTrack(_gat._getTrackerByName(), "link");
    _ftTrack(_gat._getTrackerByName('b'), "7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip");
});
</script>

Vi invito a leggere anche questro post di Marco con un'altro esempio di tracciamento su due account.

Tracciamento con il vecchio snippet di Google Analytics

Il funzionamento è praticamente lo stesso, ma questa volta invece di utilizzare _gat._getTrackerByName(), utilizza la variabile pageTracker come nel seguente esempio:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-XXXXX-X");
pageTracker._trackPageview();
</script>

<script src="/js/ga.link.min.js"></script>
<script>
_ftTrack(pageTracker, "link|email|zip");
</script>

Query SQL per un sistema di catalogazione tramite "Tagging"

Wed, 21 Jun 2006 22:54:00 +0200

Introduzione ai tag

La catalogazione tramite tag, con i suoi pregi, i suoi difetti, i suoi limiti e le sue potenzialità sta molto emergendo con l'avvento del così detto Web 2.0, ed è sempre più spesso il sistema adottato dai blog e dai sistemi di catalogazione folksonomica. La differenza concettuale di una catalogazione a tag rispetto ad una più "tradizionale", è che in questo tipo di catalogazione non ci sono gerarchie, ma relazioni. Ma qual'è la struttura di un database non gerarchico? E come si possono ricavarne relazioni? In questo articolo, dal taglio molto pratico, cercheremo di introdurre questo argomento.

Le tabelle

Semplificando, una struttura di tabelle di database per gestire una catalogazione tramite tag potrebbe essere come la seguente. La tabella posts, con i contenuti da catalogare:

post_id	content
1	Un post su SQL, tags e PHP.
2	Un post su come creare una nuvola di tag con PHP e CSS.
3	Un menu carino con i CSS...

La tabella tags, con l'elenco dei tag utilizzati:

tag_id	tag
1	SQL
2	PHP
3	Tags
4	CSS
5	Menu

La tabella posts2tags che mette in relazioni i post con i relativi tag associati:

rel_id	post_id	tag_id
1	1	1
2	1	2
3	1	3
4	2	2
5	2	3
6	2	4
7	3	4
8	3	5

Tag associati al contenuto

Riferendoci alle tabelle appena viste, la query per ricavare i tag associati al post con post_id uguale ad 1 è:

SELECT tags.tag 
FROM posts, tags, posts2tags 
WHERE posts2tags.post_id = posts.post_id 
 AND posts2tags.tag_id = tags.tag_id 
 AND posts2tags.post_id = 1 
ORDER BY tags.tag

Contenuti associati ai tag

Ricavare i contenuti associati ai tag è un po' più complicato, se i tag sono più di uno. Con la seguente query selezioneremo tutti i post associati al tag "SQL" e "tags":

SELECT posts.post_id, posts.content 
FROM posts, tags, posts2tags 
WHERE posts2tags.post_id = posts.post_id 
 AND posts2tags.tag_id = tags.tag_id 
 AND tags.tag IN ('SQL', 'tags') 
GROUP BY posts.post_id 
HAVING COUNT( posts2tags.post_id ) = 2

Come abbiamo detto, la query seleziona i post associati al tag SQL o a tags (tags.tag IN ('SQL', 'tags')) e, per restingere la selezione ai post associati ad entrambi i tag, anzichè ad uno soltanto, seleziona solo i post che appaiono 2 volte (HAVING COUNT( posts2tags.post_id ) = 2). 2 perché i tag sono 2, se i tag fossero stati tre sarebbe stato HAVING COUNT( posts2tags.post_id ) = 3 e così via...

Tag correlati

Quando si mostrano i post legati ad uno o più tag, è tipico mostrare anche i tag correlati a quelli correnti. Per individuarli, una volta selezionati gli ID dei contenuti (nel nostro caso i post_id) associati ai tag correnti, come descritto nel punto precedente, si avrà una query come questa:

SELECT tags.tag 
FROM tags, posts2tags 
WHERE posts2tags.tag_id = tags.tag_id 
 AND posts2tags.post_id IN (1,2) 
 AND tags.tag NOT IN ('SQL','tags') 
GROUP BY posts2tags.tag_id 
ORDER BY tags.tag

La query seleziona tutti i tag associati ai contenuti correnti (i post con post_id 1 e 2, in questo caso) escludento i tag "SQL" e "tags", dato che, essendo i tag correnti, sarebbe inutile mostrarli come tag correlati. DISTINCT serve per eliminare i "dopioni" ed avere solo l'elenco dei tag diversi tra loro.

Contenuti correlati

Per selezionare i contenuti che hanno più tag in comune con il contenuto corrente si può utilizzare una query come questa:

SELECT posts.*, count(posts2tags.post_id) as num 
FROM posts, tags, posts2tags 
WHERE posts2tags.post_id = posts.post_id 
 AND posts2tags.tag_id = tags.tag_id 
 AND tags.tag IN ('SQL','tags') 
 AND posts.post_id != 1 
GROUP BY posts2tags.post_id 
ORDER BY num DESC, content DESC

Con questa query abbiamo ottenuto i post ordinati in base al numero di tag in comune con il post corrente (quello con post_id uguale ad 1, in questo caso).

Ottimizzazione

Per ottimizzare lo schema o vederne di alternativi, potete far riferimento all'articolo sul Wiki MySQL Forge: TagSchema, in particolare alla sezione Recommended Architecture.