L’essere sempre più sociali porta troppo spesso a abbandonare lidi che un tempo erano decisamente più popolati e più curati, blog in primis. Il tempo che si investiva in questi era maggiore, lo erano anche le visite, i commenti, la partecipazione alla discussione nello stesso luogo comune. Negli ultimi anni però questa tendenza si è sempre più spostata verso i social network, principalmente Facebook per “popolosità” e facilità d’utilizzo.

Per questo motivo oggi voglio spiegarvi come integrare Facebook all’interno dei vostri commenti, affinché questi convivano tra blog e social network, l’ho fatto anche io su Gioxx’s Wall dopo diverso tempo, potete notarlo voi stessi al termine di questo articolo.

Crearsi un’applicazione su Facebook

Stavolta non vi parlerò di un plugin già pronto da scaricare, installare e attivare, sono andato a ritoccare il codice del tema che -rispetto ai componenti aggiuntivi standard- viene aggiornato molto meno spesso, permettendoci quindi di ricordarci che modifiche “trasportare” da una versione all’altra.

Prima di partire con la modifica del codice del proprio blog occorrerà però crearsi un’applicazione Facebook che possa permetterci di costruire un ponte tra le due piattaforme. La piattaforma di sviluppo di Facebook è aperta a tutti e basterà il proprio account per poter cominciare a costruire un’applicazione.

Tutto parte dall’indirizzo developers.facebook.com/apps, dove potrete cominciare a creare una nuova applicazione. Compilate i due campi richiesti immediatamente (Nome Visualizzato e App Namespace) accettando le condizioni poste da Facebook. Occhio all’App Namespace: non potrà contenere lettere maiuscole o spazi. Inserite il codice di sicurezza per poter proseguire.

Specificate ora l’indirizzo del vostro sito / blog all’interno del campo App Domain (esempio: gioxx.org, senza http://) e selezionate una delle voci disponibili sotto “Select how your app integrates with Facebook“, confermando l’URL principale del sito web (esempio: http://gioxx.org, stavolta completo ;-)).

Facebook Developers: Creare una nuova applicazione

Concludere l’operazione attraverso il pulsante Salva modifiche.

Andando ora all’indirizzo developers.facebook.com/apps dovreste poter vedere i dettagli della vostra applicazione, questa vi darà la possibilità di generare i codici dei plugin sociali di Facebook appoggiati alle vostre API, da aggiungere ai vostri siti web. Questa parte si conclude qui ;-)

Plugin sociale di Facebook (Commenti)

All’indirizzo developers.facebook.com/docs/plugins potrete scegliere uno o più tool sociali sviluppati da Facebook per il vostro sito. Tra questi c’è quello dedicato ai commenti (developers.facebook.com/docs/reference/plugins/comments). Compilate il campo URL (con l’indirizzo completo del vostro blog / sito), il numero di commenti massimi da mostrare, la larghezza del box e il set di colori predefinito.

L’anteprima live si caricherà mostrandovi il risultato, facendo clic sul pulsante “Get Code” sarà possibile ottenere il codice da modificare e incollare all’interno del vostro blog.

Cosa modificare in WordPress

ATTENZIONE: Prima di eseguire qualsiasi modifica ai vostri file e/o dispositivi siete pregati di effettuare un backup di questi. Solo così sarete capaci di tornare indietro ponendo rimedio ad eventuali errori di distrazione. L’articolo e l’autore non possono essere ritenuti responsabili di alcun danno subito dalla vostra strumentazione. Buon lavoro.

L’avviso appena letto è d’obbligo, soprattutto per coloro che hanno meno confidenza con il codice, se pensate che andare a modificare un file PHP del proprio WordPress non sia semplice, provate ad utilizzare un plugin che possa automatizzare le operazioni appena compiute e quelle che andrò a spiegare qui di seguito ;-)

Per integrare il codice all’interno dei commenti del vostro WordPress, sarà necessario andare a ritoccare il file comments.php contenuto all’interno della cartella del tema che state utilizzando, è quindi per me impossibile darvi il numero di riga esatto dove andare a incollare il codice, semplicemente -con un minimo di ragionamento logico- dovreste poter individuare il div che carica i commenti e il box libero per inserirne uno nuovo.

Modificando Standard Theme 2 ho preferito inserire i commenti di Facebook prima dei commenti lasciati fisicamente sul blog (spostando ciò che cominciava a riga 13 e inserendo il codice qui di seguito):

<!-- Hack: Facebook Comments Gioxx 02/02/2012 -->
<div id="comments">
<h2 style="padding-bottom: 8px;">I commenti da Facebook</h2>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=***************";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div data-href="<?php echo get_permalink($post->ID); ?>" data-num-posts="75" data-width="570"></div>
</div>
<!-- eof modifica -->

Gli asterischi occupano lo spazio del vostro token privato (generato insieme all’applicazione creata precedentemente). Ciò che andrà ulteriormente modificato è l’URL del blog, inserendo:

<?php echo get_permalink($post->ID); ?>

che sostituirà dinamicamente l’URL dato in pasto al plugin sociale di Facebook con l’indirizzo completo del post che l’utente sta visualizzando (e che potrebbe quindi commentare).

Il risultato? Presto detto, date un’occhiata proprio sotto questo articolo (ovviamente non funzionerà via RSS) :-)

Buon lavoro!

Venerdì scorso Donato mi ha chiesto se era possibile modificare il comportamento del bottone Twitter su Jetpack, un plugin nato per fungere da coltellino svizzero per le installazioni self-hosted di WordPress, come Gioxx’s Wall o -appunto- il blog di “Markingegno“. Avrò modo di parlare più approfonditamente di Jetpack in futuro, quello di oggi è un articolo relativamente breve che vi spiega dove mettere mano affinché anche voi possiate godere di Tweet come questo: https://twitter.com/#!/Gioxx/status/160280437762179072, che include “via @NOMEUTENTE” contrariamente a quanto previsto di default dal bottone di Twitter “fornito di serie” con Jetpack.

La modifica è davvero semplice e riguarda un solo file del plugin, da modificare manualmente, facendo attenzione a ricordarsi di ripristinare la modifica ogni qual volta Automattic deciderà di rilasciare una nuova versione del loro software.

Navigate il vostro spazio FTP fino a /wp-content/plugins/jetpack/modules/sharedaddy/ e aprite in modifica il file “sharing-sources.php“. A questo punto basterà scorrere il file fino alla riga 262:

return '<div><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=' . rawurlencode( apply_filters( 'sharing_permalink', get_permalink( $post->ID ), $post->ID, $this->id ) ) . '&amp;counturl=' . rawurlencode( str_replace( 'https://', 'http://', get_permalink( $post->ID ) ) ) . '&amp;count=horizontal&amp;text=' . rawurlencode( apply_filters( 'sharing_post_title', $post->post_title, $post->ID, $this->id ) ) . ' :  " style="width:97px; height:20px;"></iframe></div>';

Per poi “iniettare” la semplice modifica tra il titolo del vostro articolo e il collegamento diretto:

return '<div><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=' . rawurlencode( apply_filters( 'sharing_permalink', get_permalink( $post->ID ), $post->ID, $this->id ) ) . '&amp;counturl=' . rawurlencode( str_replace( 'https://', 'http://', get_permalink( $post->ID ) ) ) . '&amp;count=horizontal&amp;text=' . rawurlencode( apply_filters( 'sharing_post_title', $post->post_title, $post->ID, $this->id ) ) . ' via @gioxx: " style="width:97px; height:20px;"></iframe></div>';

Qui il particolare della modifica:

' via @gioxx: " style="width:97px; height:20px;"

E Buffer?

La richiesta di stamattina invece consisteva nell’integrare Buffer, ancora non presente su Jetpack, attualmente “non previsto” anche secondo il blog ufficiale del progetto. Fortunatamente Automattic ha previsto la possibilità di inserire servizi non integrati nativamente, attraverso il semplice passaggio di dati consentito dalla maggior parte dei servizi in stile Buffer.

Per l’appunto, l’URL del servizio accetta questo tipo di sintassi:

http://bufferapp.com/add?url=URL-ARTICOLO&text=TITOLO-ARTICOLO&via=@UTENTE-TWITTER

che tradotto in Jetpack diventa:

http://bufferapp.com/add?url=%post_url%&text=%post_title%&via=@gioxx

Poiché il plugin accetta alcune variabili che permettono di selezionare rapidamente ciò che ci serve: %post_title%, %post_url%, %post_full_url%, %post_excerpt%, %post_full_url%, %post_tags%. Si, tornando a pensare a Twitter, potreste anche aggiungere i post tags così da renderli hashtag del vostro cinguettio.

Nel caso di Buffer, non c’è bisogno di modificare il codice sorgente del plugin come fatto precedentemente, in quanto -come già detto- non ancora previsto dal plugin. Basterà semplicemente agire dal pannello di controllo del servizio di Sharing presente nel menu Jetpack della vostra Dashboard.

Buon divertimento :-)

Letto, provato, servito, prima della buonanotte affinché arrivi ancora “caldo” nei vostri feed reader domattina, tra le prime letture, tra un caffè e la prima telefonata di lavoro!

La novità pare chiamarsi “Sesame” e non è altro che l’ennesimo metodo offerto da Google per evitare che le proprie credenziali finiscano nelle mani sbagliate. Un codice QR, uno scanner per poterlo leggere e un telefono capace di collegarsi ad internet per autenticarsi al centro account di Google, è tutto ciò che vi serve per accedere da qualsiasi postazione alle vostre risorse, senza preoccuparsi che un keylogger o qualsiasi altro intruso possano rovinarvi la festa, ammesso che vi fidiate del vostro telefono :-)

Si parte da qui:

accounts.google.com/sesame

così che venga generato e mostrato il codice QR da far scansionare al vostro telefono:

Google Sesame: Codice QR

Personalmente utilizzo “Scan” di QR Code City, disponibile gratuitamente in AppStore per iPhone e iPad. Esistono miriadi di applicazioni dello stesso tipo sull’AppStore, sull’Android Market, sul Windows Phone Market e sul BlackBerry App World, a voi la scelta.

Il funzionamento è davvero semplice:

• fate partire la scansione del QR, questa vi porterà alla schermata di autenticazione di Google Accounts;
• inserite i vostri dati di autenticazione e accedete confermando che siete stati voi ad avviare la richiesta di accesso tramite codice QR;
• attendete che il PC “faccia il resto“, la pagina infatti modificherà in completa autonomia l’URL di destinazione permettendovi di entrare in GMail (o iGoogle) senza che voi abbiate digitato le credenziali sul PC, sarà il server di Google ad autorizzare l’ingresso.

QR Scan: Google Sesame (clicca per vedere l'intera schermata)

Inutile dirlo ma è sempre bene: non dimenticatevi di effettuare un logoff al termine della sessione di lavoro!

Facciamo così, per l’ultimo anno di vita su questa terra secondo la profezia Maya, ho deciso che gli auguri di buon anno ve li faccio oggi, a distanza di circa 24 ore dalla mezzanotte che ha dato l’addio ad un 2011 ricco (almeno per me) di cambiamenti, soddisfazioni e fatica (magari non fisica ma mentale sicuramente!) ma soprattutto sangue, quello che ci ha tolto e continuerà a toglierci quest’Italia sempre più a pezzi.

Nei prossimi giorni conto di riprendere il giusto ritmo di pubblicazione, come al solito cercherò di offrirvi recensioni, consigli e soluzioni per una quotidianità più semplice e a base di tecnologia e web, senza mai dimenticare le passioni. Nonostante la crisi arrivi anche ai blog (anche se lo si dice di anni) questo muro continuerà ad essere la mia valvola di sfogo e la mia pagina bianca quando necessario, quando voglio condividere con voi le mie storie o più semplicemente le vie d’uscita da problemi d’informatica apparentemente rognosi e irrisolvibili.

Un altro anno insieme a voi.

Auguri di cuore.

In esclusiva per Gioxx’s Wall, una lettera firmata dalla mascotte ufficiale Sega, prossima partecipante ai giochi di Londra 2012, pubblicata qui di seguito così come ricevuta e con un colpo di scena finale a cura del nostro redattore capo, che ha successivamente contattato il noto personaggio per una conferma a bruciapelo, buona lettura!

E poi dicono che le assolate spiagge e il profumo di salsedine bastano a farti sentire  in paradiso… mai sentita una sciocchezza simile! Il mio nome è Sonikku za Hejjihoggu, ma voi potete chiamarmi semplicemente Sonic, sono un riccio come mai nessun altro, il più veloce, il più forte, il più giovane! Ma torniamo all’argomento principale, già perché qualche giorno fa è arrivata una lettera con l’invito a partecipare alle competizioni olimpiche del prossimo anno a Londra, no dico: Londra, avete letto bene?

Ed è proprio quello che farò! D’altronde il motto dei Giochi olimpici è Citius, altius, fortius, ovvero “Più veloce, più alto, più forte“, chi meglio di me? Si dai, a parte l’altezza, non state li a far notare ogni singola sciocchezza!

Non c’è tempo da perdere, bisogna preparare i bagagli, allenarsi e ricordarsi di lucidare la tavola, perché non c’è cosa più emozionante che cavalcare l’onda bianca, quella fatta di neve soffice sulla quale sfrecciare, l’unica dove al posto delle mie scarpe uso la tavola da snow per sfrecciare davanti a tutti gli altri!

Anche se l’ultima volta non è andata come volevo (ricordate Vancouver nel 2009?), stavolta sono sicuro di farcela, non c’è rivale che possa tenermi testa, sono pronto, scattante e organizzato come non mai, e se solo il Team di Mario osa provare a sfidarmi beh, qui c’è pane per i suoi denti, e occhio a non farvi troppo male con i miei aculei!

Con affetto e tanta competizione, il vostro campione Sonic!

Colpo di scena!

Come dite? A Londra si terranno i giochi estivi e non quelli invernali? Ah …

BzzZZz, CsKKKskkKKKkk, non vi sento bene, sto perdendo la linea BzzZzzzZzzz FrrRRrrrrR

Knuckles vieni quiiiiiiiiiiii!!

*Tu-Tu-Tu*

Non ci è dato sapere cosa sia realmente accaduto dopo la telefonata intercorsa con il campione nipponico, siamo certi però che sarà pronto alla nuova competizione, di certo non quella dichiarata nella sua lettera! Per seguire e portare a termine le sue gesta basterà continuare l’avventura sulla vostra Wii!

Mario & Sonic ai Giochi Olimpidi di Londra 2012 è il nuovo titolo sportivo per Nintendo Wii, che vede ancora una volta il team di Mario e il team di Sonic sfidarsi nelle varie competizioni disponibili, gioco ufficiale delle Olimpiadi (rispettivamente) di Beijing, Vancouver e ora Londra. Disponibile in tutti i negozi, potrebbe essere un valido regalo soprattutto per i più piccini e per le serate di gruppo, a suon di sfide che vi faranno guadagnare medaglie virtuali e soddisfazione reale! :-)

La regia vi ha gentilmente offerto i consigli per gli acquisti: