Pagine

21 marzo 2012

Il country redirect e i plugin sociali

Ieri abbiamo visto quale è stata la prima conseguenza negativa dell'aver introdotto il country redirect sui blog della piattaforma blogger. Poche ore dopo la pubblicazione, il post aveva già ottenuto una quantità di visite a dir poco inaspettate visto il contenuto e il taglio di questo blog. Ci viene segnalato anche un altro malfunzionamento che non avevamo notato, ovvero che i contatori di AddThis, ovvero i bottoncini Mi piace, Twitter e G+ che trovate sopra ad ogni articoli erano stranamente resettati.

Il motivo è presto detto: tutti gli articoli pubblicati prima del country redirect erano stati condivisi sulle varie piattaforme utilizzando il suffisso .com, mentre adesso appaiono con i più disparati suffissi e i vari plugin sociali, come AddThis appunto, contano in modo differente se un post è identificato dal dominio .com o punto .it. Visto che un'immagine vale mille parole, provate a confrontare le due immagini seguenti e cercate le piccole differenze.


L'immagine a sinistra è stata catturata utilizzando l'indirizzo con dominio italiano (guardate nella barra dell'indirizzo) e vedete che apparentemente nessuno mai ha cliccato sul bottone mi piace. Nella schermata di destra invece, ci sono oltre 200 mi piace e l'indirizzo è quello originale .com prima della migrazione.

Ad aiutarci ad uscire da questo impasse ci è venuto in aiuto un altro lettore che ci ha suggerito di utilizzare la variabile di template data:post.canonicalURL al posto della data:post.url perché punta sempre alla versione NCR (no country redirect).

Come risolvere il problema?

Nel caso di AddThis la soluzione è alquanto semplice, ma richiede la modifica del codice HTML del vostro template, quindi, come al solito, prima di procedere assicuratevi di fare una copia di backup e chiedete aiuto in caso non foste sicuri di quello che fate.

Una volta che avrete aperto l'HTML del vostro template, cliccate sull'opzione per espandere i widget e cercate la stringa chiave

<a expr:href='data:post.url'><data:post.title/></a>

Dovreste trovarne al massimo due copie, la prima per la versione desktop del vostro blog, la seconda per quello mobile. Noi utilizziamo AddThis solo per la versione desktop, quindi faremo la modifica solo alla prima istanza. Per essere sicuri che è proprio la riga giusta, provate a scorrere il template di qualche riga verso l'alto e dovreste trovare la riga <b:includable id='post' var='post'>, se trovate la riga <b:includable id='mobile-post' var='post'> allora è quella sbagliata.

La correzione che dovete fare è semplicissima, sostituire a data:post.url la variabile data:post.canonicalUrl in modo che la riga di cui sopra vi si presenti in questo modo:

<a expr:href='data:post.canonicalUrl'><data:post.title/></a>

Al momento non abbiamo ancora trovato conseguenze inaspettate per questa variazione del template e come potete vedere dall'immagine qui sotto, i contatori sono tornati al loro valore originario anche per la versione .it


Grazie ad entrambi i lettori per le segnalazioni!

Chiunque può lasciare commenti su questo blog, ammesso che vengano rispettate due regole fondamentali: la buona educazione e il rispetto per gli altri.

Per commentare potete utilizzare diversi modi di autenticazione, da Google a Facebook e Twitter se non volete farvi un account su Disqus che resta sempre la nostra scelta consigliata.

Potete utilizzare tag HTML <b>, <i> e <a> per mettere in grassetto, in corsivo il testo ed inserire link ipertestuali come spiegato in questo tutorial. Per aggiungere un'immagine potete trascinarla dal vostro pc sopra lo spazio commenti.

A questo indirizzo trovate indicazioni su come ricevere notifiche via email sui nuovi commenti pubblicati.

0 commenti:

Posta un commento

Chiunque può lasciare commenti su questo blog, ammesso che vengano rispettate due regole fondamentali: la buona educazione e il rispetto per gli altri.

Per commentare potete utilizzare diversi modi di autenticazione, da Google a Facebook e Twitter se non volete farvi un account su Disqus che resta sempre la nostra scelta consigliata.

Potete utilizzare tag HTML <b>, <i> e <a> per mettere in grassetto, in corsivo il testo ed inserire link ipertestuali come spiegato in questo tutorial. Per aggiungere un'immagine potete trascinarla dal vostro pc sopra lo spazio commenti.

A questo indirizzo trovate indicazioni su come ricevere notifiche via email sui nuovi commenti pubblicati.