Come inserire un URL accorciato nei post di Blogger.

Come inserire l'URL accorciato con bit.ly in tutti gli articoli di Blogger per favorire la loro condivisione su Twitter e gli altri social network.

La condivisione dei post di Blogger si fa cliccando su un bottone di Facebook, Twitter, Google Plus oppure usando una delle tanti estensioni per i browser che si possono usare a questo scopo. Possono essere usati anche strumenti come Hootsuite o si può fare tutto manualmente semplicemente incollando l'URL della pagina in un social, in un commento o in un forum.

Postare URL su Twitter può diventare piuttosto disagevole perché come è noto vengono supportati solo 140 caratteri e un indirizzo troppo lungo può impedire di aggiungere altro testo alla condivisione. Ci sono un sacco di servizi che consentono di accorciare gli URL prima di condividerli. Tali servizi hanno spesso anche una loro estensione dedicata che consente di farlo con un solo click.

Bit.ly è uno dei più interessanti perché fornisce anche delle statistiche sulle condivisioni oltre che le API per gli sviluppatori. E' opportuno registrarsi gratuitamente per sfruttare a pieno tutte le funzionalità che vengono offerte. E' sufficiente inserire un indirizzo email e una password per avere un proprio Profilo su bit.ly. Non sto a illustrare tutte le cose che possono essere fatte con questo servizio, mi limito solo a elencarne alcune di cui mi sono occupato in passato

1. Caricare file online con bit.ly -
2. Come contare quanti click riceve un link -

Vediamo come agevolare i lettori del nostro blog che vogliono condividere i post, mostrando in calce agli articoli l'URL accorciato relativo a ciascuno di essi. Dopo aver effettuato la registrazione ed essersi loggati, occorre andare su Your bitly API Key per acquisire l'API Key insieme al nostro username

Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si mette la flag a Espandi i modelli widget. Si cerca la riga </head> e, subito sopra, si incolla questo codice

<!-- Bitly ShortURL Start-->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=USERNAME&amp;apiKey=APIKEY' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;Condividi questo post: &lt;input type=&#39;text&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;
}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
});
</script>
<!-- Bitly ShortURL End - http://www.ideepercomputeredinternet.com -->

dove al posto di URERNAME e APIKEY vanno incollati i dati acquisiti in precedenza mentre la scritta in blu può essere personalizzata. Adesso si cerca la riga ]]></b:skin> e, subito sopra, si incolla questo CSS

/*ShortURL bitly */
form#shorturl {
color:#555555;
font-size:12px
}
#shorturl input {
color:#555555;
border:1px inset #ABABAB;
padding:1px 5px;
}

dove i colori e le dimensioni dei caratteri possono essere configurati a piacere (vedi post sui codici dei colori). Adesso dobbiamo decidere dove visualizzare effettivamente l'URL accorciato. Per inserirlo non solo sotto il post ma anche sotto le informazioni sull'autore e le etichette si cerca la riga

<div class='post-footer-line post-footer-line-3'>

e, subito sopra, si incolla questo ultimo codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<form id='shorturl'/>
</b:if>

dove la prima e la terza riga rappresentano dei tag condizionali. Finalmente si salva il modello e nei post si vedrà una riga che permetterà ai lettori di selezionare e copiare l'URL accorciato dell'articolo






Se si preferisce visualizzare il link accorciato più in alto si può incollare l'ultimo codice sopra alla riga


<div class='post-footer'>


mentre si può incollare sopra a

<data:post.body/>

se si vuole visualizzare prima del contenuto dell'articolo.