La navigazione dei siti web viene effettuata dalle persone sempre piu da dispositivi mobili e questo rende necessario fornire ad i nostri utenti sempre maggiori possibilità di interazione con i nostri siti tramite questi dispositivi, esistono molte estensioni per joomla che permettono la condivisione dei contenuti sui social network, ma molte di queste hanno tempi di caricamento lunghi e non permettono la condivisione su whatsapp, sicuramente una della applicazioni di messaggistica per dispositivi mobili piu utilizzate al mondo, per far fronte a questa necessità possiamo utilizzare Social 2S.
Social2s (Social in 2 steps) è un plugin di social share per Joomla! che permette di condividere le pagine web dei nostri siti all'interno dei social network più popolari: Twitter, Facebook, Pinterest, linkedin, Google +, Tumblr, VKontakte e con l'APP WhatsApp.
Vediamo quali sono le caratteristiche che rendono Social 2S un ottimo plugin per la condivisione Social dei nostri siti web realizzati con Joomla!
Social2s è sviluppato in HTML5 ed è pienamente compatibile con gli standard definiti dal W3C, lo sviluppo è focalizzato per rendere veloce il suo caricamento senza appensantire le pagine dei nostri siti web, i pulsanti social caricano molti script, ed anche se vengono caricati in modo asincrono, la pagina web ne subisce un tempo di download, Social2s non carica i file se non è necessario, inoltre, utilizza Bootstrap, FontAwesome e JQuery risorse precaricate dal core di Joomla o richieste da molte altre estensioni, quindi è molto probabile che la pagina web non ha bisogno di ricaricare di nuovo questi script.
Configurazione di Social 2S
Per iniziare scarichiamo ed installiamo il plugin Social 2s ed i file di traduzione in italiano dal link qui sotto
Social 2s File lingua italiana Download Social 2s Download
Vicino le opzioni di configurazione selezionabili troverete dei simboli descritti nella leggenda presente in tutte le pagine di configurazione del plugin, che troverete anche nel testo che segue, e sono i seguenti:
ATTENZIONE: utenti esperti
PRO: disponibile solo con licenza PRO
Raccomandato: opzione raccomandata
Nella configurazione del Plugin Social 2s troveremo diversi tab con le varie opzioni vediamo quali sono e come sfruttarle al meglio:
Articolo
Attivo: No/Si - attiva la visualizzazione dei pulsanti social all'interno degli articoli.
Preview: Dopo aver salvato la configurazione verra visualizzata l'anteprima dello stile scelto.
Categoria
Come negli articoli: impostato su No permette di configurare la visualizzazione dei pulsanti nelle pagine di categoria in maniera differente dalle pagine dei singoli articoli. Impostando su Si verrà utilizzata la configurazione di visualizzazione impostata per i singoli articoli al tab Articolo.
Attivo: No/Si - attiva la visualizzazione dei pulsanti social all'interno delle pagine di categoria blog ed in evidenza.
Call to Action
Una Call to Action (CTA) è un termine di marketing riferito ad una frase, solitamente breve, con cui si invita gli utenti a compiere una azione, ad esempio ad acquistare un prodotto o, come nel caso di Soacial 2s, a condividere la pagina web sui social netowork o tramite WhatsAPP.
Attiva: attiva la call to action.
Attiva per mobile: attiva la call to action solo per i dispositivi mobile, è consigliato tenere disattivata questa opzione.
Testo call to action: la frase di invito a condividere la pagina web.
Social network predefinito: è possibile scegliere il pusante di un social network preselezionato per velocizzare l'azione da parte degli utenti.
Grandezza Pulsanti: la grandezza dei pulsanti della call to action, anche questi come gli altri possono essere personalizzati tramite classe CSS.
Posizione CTA: il banner della call to action di social 2s viene mostrato quando si arriva a fine pagina, questa opzione ci consente di scegliere se mostrarlo a sinistra, destra o al centro.
Licenza
License: In questo TAB come prima informazione troviamo 2 pulsanti uno che ci porta nella pagina web dello sviluppatore per l'acquisto della licenza PRO di social 2s ed uno che porta sulla JED e ci invita a scrivere una recensione per questa estensione.
Mostra crediti: qui è possibile attivare o disattivare la visualizzazione sotto i pulsanti social di un link verso il sito web dello sviluppatore di social 2s.
rel=nofollow il link è inserito con rel=nofollow e non ha nessun impatto SEO.
Email di convalida: campo per l'inserimento della propria email di convalidà della licenza per attivare le caratteristiche PRO.
di piu da dibuxo: alcune estensioni joomla dello stesso sviluppatore di social 2s
Social Network
Pulsante più: attiva disattiva la visualizzazione del pulsante più che consente di far visualizzare subito un tot numero di pulsanti social ed i restanti al click del pulsante più
Oridinamento preferito: Permette di scegliere l'ordinamento dei pulsanti social, opzione disponibile solo con licenza PRO Tranne che per il pulsante
Drag and drop: trascina e rilascia
Opengraph
Active: attiva l'inserimento dei tag OpenGraph.
Salta immagini piccole: non verranno utilizzate per anteprima nella condivisione immagini inferiori ai 200 PX come raccomandato da facebook, opzione disponibile solo con licenza PRO.
Usa metadescription: verrà utilizzata la meta descrizione come testo introduttivo nella condivisione invece che parte del testo della pagina, questa opzione può essere utile per pagina senza contenuti realizzate con solo moduli, opzione disponibile solo con licenza PRO.
Usa OG immage predefinita: consente di utilizzare un'immagine predefinita per la condivisione ad esempio il proprio logo, opzioni disponibili:
Mai: non utilizzare un'immagine predefinita.
Sempre: utilizzare sempre un'immagine predefinita.
Tranne contenuti: immagine di default utilizzata se non c'è immagine introduttiva.
Unica Possibilità: Utilizza immagine di default solo se non ci sono altre immagini.
Immagine predefinita: selezionare la propria immagine da usare come predefinita.
Dati predefiniti in visualizzazione blog: definisce i dati OpenGraph predefiniti per la visualizzazione blog di pagine di categoria ed in evidenza.
titolo predefinito sulla base di: nella visualizzazione blog è possibile scegliere il tag titolo per OpenGraph dalla voce di menu, campo titolo pagina browser, o il nome del sito.
Twitter
Active: attiva il pulsante twitter.
Carica velocemente: carica il pulsante twitter senza caricare script, opzione disponibile solo con licenza PRO.
Twitter user: campo per l'inserimento del proprio user twitter senza la @.
Via: mostrera il nome twitter inserito nel campo precedente quando qualcuno condivide un contenuto su twitter.
Pulsante segui: inserisce il pulsante segui di twitter relativo all'utente inserito nel campo twitter user, opzione disponibile solo con licenza PRO.
Mostra conteggio: mostra il conteggio dei tweet nel pulsante segui.
twitter cards: attiva le twitter cards, opzione disponibile solo con licenza PRO.
Stile twitter cards: definisce lo stile delle immagini twitter cards.
facebook
Active: attiva il pulsante facebook.
Conteggio Mi Piace: Consente di visualizzare il numero di Mi Piace nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Conteggio Mi Piace: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
Pulsante condividi: attiva disattiva il pulsante condividi di FB.
Layout: scelta del layout per i pulsanti di FB.
Pulsante salva: attiva disattiva il pulsante salva di FB che consente agli utenti di salvare la pagina nel social network per poterla rileggere in un secondo momento.
Pinterest
Active: attiva il pulsante Pinterest.
Conteggio nei pulsanti: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
Stile: definisci lo stile del pulsanti: default o arrotondato (rounded).
Grandezza:per impostare la grandezza dei pulsanti.
Colore: per impostare il colore dei pulsanti.
Linkedin
Active: attiva il pulsante Linkedin.
Conteggio nei pulsanti: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
Conteggio: definisci lo stile del conteggio: No, Orizzontale e verticale.
Google plus
Active: attiva il pulsante Google plus.
Conteggio nei pulsanti: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
Conteggio: definisce lo stile del conteggio: No, Orizzontale, verticale inline.
Grandezza: definisce la grandezzadel pulsante G+.
G 1+: Attiva il pulsante +1 di google plus.
G+1 Conteggio: definisce lo stile di visualizzazione del pulsante G+ 1.
G+1 Grandezza: definisce la grandezza del pulsante G+ 1.
G+1 Pulsante segui: attiva il pulsante segui di google plus molto utile per far seguire la proprio pagina G+.
G+1 Page ID: Campo per l'inserimento del ID della propria pagina Google Plus
WhatsApp
Active: attiva il pulsante WhatsAPP.
solo mobile: attivando l'opzione il pulsante wathsapp verra mostrato solo sui dispositivi mobile ad esempio smarthphone.
Tumblr
Active: attiva il pulsante Tumblr.
Conteggio nei pulsanti: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
Segui: mostra il pulsante segui di tumblr.
User: campo per inserire il nome del proprio blog tumblr.
G+1 Conteggio: definisce lo stile di visualizzazione del pulsante G+ 1.
Conteggio: definisce lstile del conteggio opzioni: No Orizzontale e verticale.
Colore: per impostare il colore dei pulsanti tumblr.
VK
Active: attiva il pulsante VKontakte.
Conteggio nei pulsanti: Consente di visualizzare il numero di condivisioni nel pulsante principale. Richiede una chiamata esterna, quindi, ci vogliono un paio di risorse. Se siete ossessionati dalla velocità, deselezionare, opzione disponibile solo con licenza PRO.
Nascondi se il conteggio è = 0: nasconde il conteggio se il numero di azioni è 0
VK OpenID: Attiva la condivisione con la nuova funzionalità OpenID, è necessario creare un app nel proprio profilo sviluppatore di vk.
Vk Application ID: campo per l'inserimeto ID della proprio APP Vk.