Appunti del programmatore

Inspiegabilmente non riesci più ad inserire il codice necessario per gestire le statistiche di Google Analytics al tuo blog? Ecco la soluzione!

Dopo aver visto come inserire il banner di annunci adsense dopo il titolo, ecco come inserire un insieme di link di tipo (468x15) in fondo ad ogni articolo.

1. Bisogna creare un nuovo insieme di annunci. Modificare il codice fornito da google non serve, ed è espressamente vietato dal regolamento di adsense.
   
2. Andare nel proprio blog in PRESENTAZIONE > OPZIONI AVANZATE  e aprire il MODELLO DELLA HOMEPAGE, che descrive il funzionamente del blog nella sola pagina principale.
3. E' possibile inserire il codice generato da adsense dove lo si ritiene più opportuno: per inserirlo in fondo ad ogni articolo, inserirlo come nell'esempio:
   
   
                                                   <p class="posted">
                                                       {post_footer}
                                                   </p>
                                               </div>
                                           </div>
                                      </div>
                                  <!-- QUI -->
                               {/posts}
   
   
   
4. bisogna ripetere lo stesso per il MODELLO PAGINA LINK PERMANENTE. Per inserirlo in fondo ad ogni articolo, individuate le righe seguenti ed inserite il codice come nell'esempio:
   
   
                                       <div class="postbottom">
                                           <div class="postbottom-decorator1">
                                               <div class="postbottom-decorator2">
                                                   <p class="posted">
                                                       {post_footer}
                                                   </p>
                                               </div>
                                           </div>
                                       </div>
                                      <!-- QUI -->
                                       {if $post.trackbackcount || $post.allowtrackbacks}
                                       <a id="trackbacks"></a>

Attenzione, vi ricordo che il regolamento del programma di adsense di google impone un limite di tre insiemi di link e tre insiemi di annunci! Quindi se gli annunci non compaiono subito o vedete molti spazi vuoti, verificate che il numero di insiemi di link e di annunci non superino le tre unità l'uno!

Ogni blogger ha le sue esigenze ed ama curare il layout del proprio blog nel dettaglio: per fortuna è molto facile adattare quasi ogni tipo di banenr adsense al proprio blog su myblog.

Vediamo come inserire un banner di tipo quadrato grande (336x280) dopo il titolo di ogni post.

1. Bisogna creare un nuovo insieme di annunci. Modificare il codice fornito da adsense difficilmente funziona, ed è espressamente vietato dal regolamento di adsense.
   
2. Andare nel proprio blog in PRESENTAZIONE > OPZIONI AVANZATE  e aprire il MODELLO DELLA HOMEPAGE
   
3. E' possibile inserire il codice generato da adsense dove lo si ritiene più opportuno: per inserirlo dopo il titolo di ogni post, inserilo come nell'esempio
   
                                           <div class="posttext">
                                               <div class="posttext-decorator1">
                                                   <div class="posttext-decorator2">
                                                       <!-- QUI -->
                                                       {$post.source|trimlonglines:60}
                                                   </div>
                                               </div>
                                           </div>
   
   
   
4. ripetere lo stesso per il MODELLO PAGINA LINK PERMANENTE. Per inserirlo dopo il titolo di ogni post, inserilo come nell'esempio
   
                                       <div class="posttext">
                                           <div class="posttext-decorator1">
                                               <div class="posttext-decorator2">
                                                   {if $post.extended}<div class="introductory">{/if}
                                                   <!-- QUI -->
                                                   {$post.source|trimlonglines:60}
                                                   {if $post.extended}</div>{/if}
                                                   {if $post.extended}<a id="more"></a><br />{$post.extended}{/if}
                                               </div>
                                           </div>
                                       </div>

Attenzione, vi ricordo che il regolamento del programma di adsense di google impone le seguenti restrizioni:

• Una pagina può contenere fino a tre insiemi di annunci.
• Una pagina può contenere fino a due caselle AdSense per la ricerca.
• Una pagina può contenere fino a tre insiemi dei link.
• Una pagina può contenere fino a tre unità di referral per ogni prodotto o offerta di referral, oltre agli insiemi di annunci, alle caselle di ricerca e agli insiemi di link specificati sopra.
• Le pagine dei risultati di AdSense per la ricerca possono solo mostrare un unico insieme di link oltre agli annunci riportati da Google con i risultati della ricerca. Tali pagine non possono contenere altri annunci.
• Non è consentito visualizzare alcun annuncio Google o casella per la ricerca Google in una finestra popup, pop-under o in un'email.
• Gli elementi di una pagina non devono coprire alcuna porzione degli annunci.
• Non è consentito includere annunci Google su pagine prive di contenuti.
• Non è consentito includere alcun annuncio Google in pagine pubblicate allo scopo specifico di mostrare annunci, indipendentemente dal fatto che i contenuti di tali pagine siano pertinenti.

Quindi se gli annunci non compaiono o vedete molti spazi vuoti, provate a contare il numero di insiemi di annunci che avete nella pagina: potete averne al massimo 3!! :-)

Le immagini su MyBlog vengono gestite direttamente dall'editor javascript TinyMCE. É un ottimo editor, ma per lavorare sulle immagini (ovviamente) è meglio usare un programma di grafica :D Per esempio gimp, che è gratuito ed abbastanza completo. L'editor di myblog va bene finchè l'unica cosa che dobbiamo fare è caricare un'immagine. Se dobbiamo anche solo ridimensionarla, conviene processarla con un editor di grafica prima di caricarla.
Vediamo perchè.

originale (34Kb)
ridimensionata su myblog (34Kb)	La differenza tra le due immagini qui a sinistra può sembrare visivamente poca, ma una pesa meno della metà dell'altra! Questo perchè l'editor di myblog non ridimensiona le immagini veramente come GIMP, ma semplicemente le mostra con le dimensioni che gli impostate. Se salvate l'immagine ridimensionata con l'editor di Myblog e la scaricate sul computer, questa avrà le stesse dimensioni dell'originale. Ricordate: più grande è l'immagine e peggio è.     Ricordate che minore è il tempo di caricamento verso le vostre pagine più piacerà il vostro sito, più volentieri gli utenti torneranno a visitarvi! E per chi crede che 1Mb siano pochi consiglio questo mio precedente post riguardante i tempi di connessione.   E riflettete su quante volte avete maledetto il blog di un vostro amico, troppo lento da caricare... magari aveva messo su un'immagine direttamente dalla sua macchina fotografica (quindi della dimensione di qualche megabyte) ridimensionandola come un francobollo! Era piccola solo a vedersi, il peso era rimasto invariato!
ridimensionata da gimp (12Kb)

Finora ho parlato solo di rimpicciolimenti. Ma qualcuno un'immagine la vorrebbe anche INGRANDIRE! Cattive notizie per costoro: non basta avere un programma di grafica evoluto.

Ecco l'esempio! Uso un'immagine molto semplice in modo da rendere evidente il problema. Ingrandimento da 50px a 300px.

	Immagine originale (3Kb)
	Immagine ingrandita con l'editor di Myblog (come prima... sempre 3Kb)
	Immagine ingrandita con GIMP (17Kb)

L'immagine ingrandita con GIMP è migliore, ma non di tanto.

Se un'immagine così semplice è stata ridotta così, cosa succederà mai ad una foto??? Chi ci salverà :D?

Ci sono alcuni programmi molto ben fatti: uno di questi è PhotoZoom Pro della Benvista.

Questo è il risultato dell'ingrandimento da 50px a 300px.

Niente male! Peccato per la filigrana che inserisce il programma durante il salvataggio: per rimuoverla bisogna comprare il programma :(   Ah... sono  21Kb. Probabilmente il lucchetto pesa :D

Il web per fortuna è una risorsa incredibile. Andate su www.resizemypicture.com e stupitevi! Funziona così:

1. Caricare l'immagine
2. Selezionare la dimensione finale da ottenere oppure inserire la dimensione desiderata (more options)
3. Indicare la qualità richiesta (che domande... 100%!!!!)
4. Resize & Download!!!

Il risultato è questo.

Direi perfetta :) (23Kb Va beh... non si può aver tutto dalla vita :D )

Le cose ahimè cambiano ancora quando si parla di fotografie :-(

immagine originale	46x53 1,5Kb
risultato ottenuto con l'editor di myblog	150x173 sempre 1,5Kb!
risultato ottenuto con gimp	molto meglio!!! in soli 14 Kb :)
risultato ottenuto con http://www.resizemypicture.com/	...e qui casca l'asino! Oltre a pesare di più (20Kb) fa anche schifo! :D

Abbiamo imparato due cose:

1. il miglior amico di un blogger è un buon editor grafico
2. ingrandire le immagini generalmente non è una buona cosa

Per chi non avesse voglia di scaricarsi GIMP che ha il suo peso, consiglio questo sito eccezionale (per davvero questa volta :D)

http://rsizr.com/

Il risultato è paragonabile a quello di gimp ma presenta alcune funzionalità innovative e evolute, direi imperdibili. Ne parlerò in un futuro post :)

Le barre laterali di myblog ti permettono di fare pressochè tutto in maniera abbastanza agevole. Però inserire un banner pubblicitario in cima alle nostre pagine è un'altra storia! Ecco un esempio con google adsense.

In alcuni casi è difficile trovare un modo per mostrare in maniera piacevole il nome del proprio blog all'interno delle pagine. É possibile quindi nasconderlo, anche se il mio consiglio è di identificarsi sempre chiaramente: altrimenti sarebbe come andare ad una festa senza presentarsi o dando un nome falso!

Recentemente mi è stata posta una domanda interessante: si può mostrare oltre alla data di un commento anche l'ora alla quale è stato lasciato? Ebbene si può, ma attenti a non fare danni!!!

Cambiare il proprio banner può comportare alcune modifiche non scontate... infatti nella puntata precedente non mi era venuto in mente di parlarne :D

Ecco un'altra puntata del manuale "Come mi modifico il mio blog"! Vediamo come si fa a modificare il proprio banner :-)

Il primo dei prodotti che analizzerò è SysSense. Il suo scopo è di rendere più comodo il monitoraggio dei propri guadagni, tramite una trayicon del sistema operativo.

Ci riesce bene: basta un click sull'icona del programma e subito compare un bel tooltip con i dati più importanti!

Il programma include un'altra bella funzionalità, è possibile infatti analizzare graficamente l'andamento dei guadagni, delle visualizzazioni, dei click, in un certo periodo di tempo.

Il bello del programma è la sua elevata configurabilità e la facilità d'utilizzo:

• gestisce un numero illimitato di accounts
• si possono decidere i valori da visualizzare nel tooltip
• si può modificare il comportamento dell'icona nella traybar
• si può decidere la frequenza degli aggiornamenti
• include un utile strumento di reportistica
• ecc.. ecc..

L'unico difetto un po' marcato è lo strumento di reportistica evidentemente un po' carente... mi sembra addirittura dare dei risultati errati, soprattutto per le statistiche di performance dei canali.

Per carità, che si vuole con 1.35Mb di programma??? Potrebbe stare su un floppy! Non ha sicuramente le potenzialità di programmi da 10-20Mb, però è carino e ben fatto (parola di programmatore :D).