Come caricare file Javascript e CSS su Google Sites e ottenerne il link diretto.

Se seguite i miei articoli vi sarete certamente accorti che da qualche tempo carico molti file javascript o CSS sul servizio gratuito Google Sites. Si può accedere mediante un qualsiasi account Gmail, quello che si usa per il blog su Blogger va benissimo. Spazio su Google Sites viene anche offerto a chi compra un dominio personalizzato da Google attraverso Google Apps.

Coloro che non avessero ancora utilizzato questo servizio per prima cosa è opportuno che vadano in Setting e scegliere la lingua italiana e il corretto fuso orario. Appena cliccato su Save, Setting muterà in Impostazioni utente. Creare un sito con Google Sites è operazione molto semplice, esiste comunque un'ottima guida e un supporto anche in italiano.

In questo contesto voglio però illustrare come usare Google Sites per caricare quei file javascript o CSS che non sappiamo mai dove hostare. Andate su Crea un nuovo sito e riempite il modulo seguente

 

Visto che ci serve solo per caricare gli script possiamo selezionare il modello vuoto. Il nome del sito sarà aggiunto all'URL senza spazi per una questione di univocità. Dopo aver digitato il controllo visivo si clicca su Crea Sito.

Il nome che ho dato è stato "Script per il blog" e l'indirizzo del sito è quindi http://sites.google.com/site/scriptperilblog. Si possono creare tutti i siti che si vogliono che potranno essere visualizzati andando su I miei siti in alto a destra.

Per caricare gli script dobbiamo creare una pagina web andando appunto su Crea pagina, selezionando Schedario e inserendo il nome della pagina. In questo caso ho messo Javascript, poi ne potrei creare un'altra denominata CSS

Si lascia il segno di spunta a "Sposta la pagina al livello superiore" e si clicca su Crea pagina. Si possono creare anche pagine con lo stesso nome, in questo caso nell'URL sarà aggiunto un numero.

La pagina del tipo Schedario, così creata sarà un semplice contenitore di file e avrà questo aspetto

Andando in Aggiungi file possiamo caricare tutti i tipi di file che vogliamo, con tutte le estensioni che ci pare. Gli hotlink però non è che funzionino sempre; per esempio si può caricare musica MP3 ma poi non si riesce a ottenere un link funzionante, questo vale anche per i file SWF. Quello che conta però è che il metodo funzioni perfettamente con i javascript e i CSS. Inoltre la larghezza di banda è sufficientemente buona e non ho mai avuto problemi in questo senso. E dire che i widget che presento mi risulta che siano installati su molti blog.

Si seleziona il file da caricare, si può inserire anche una descrizione, per ricordarsi di cosa si tratta a futura memoria

Per terminare si clicca su Carica. Ottenerne il link diretto non è una cosa immediata. Occorre cliccare con il destro del mouse su Scarica, sotto al file, quindi andare su Copia indirizzo link

Questo URL ha nella parte finale l'indicazione per effettuare il download. In alcuni casi può anche funzionare così com'è ma per essere sicuri bisogna eliminarla. Nel caso preso come esempio, l'indirizzo del link è

http://sites.google.com/site/scriptperilblog/javascript-2/postrecenti.js?attredirects=0&d=1

quello che a noi interessa è solo la parte che termina con l'estensione del file cioè

http://sites.google.com/site/scriptperilblog/javascript-2/postrecenti.js 

che è il link diretto al file javascript e che può essere incollato per esempio in un codice di un modello di Blogger.

In Google Sites si possono creare molti siti e in ciascun sito si possono creare pagine di diverso genere (web, schedario, annunci, elenco). Per non perderci si può sempre andare in Mappa del sito per avere una visione completa di tutte le pagine che si sono create

Per un blogger credo sia imprescindibile usare le funzionalità di Google Sites come supporto ai suoi blog.

P.S. Si possono caricare anche file con estensione .j e .jsd.