Risorse per Web Designer, Developer, Web Marketing, Seo e Photoshop

Categoria: Social Network

Personalizzare stile e grafica del Fanbox di Facebook

Fan Box è un widget di Facebook che, incorporato su un sito web, mostra informazioni relative alla nostra fanpage, tipo i post inseriti, il numero e la foto dei fan, e il tasto ”Become a Fan” .
Inserirlo è semplicissimo basta andare sulla Pagina Fan di Facebook, cliccare sul link “Aggiungi riquadro dei fan al tuo sito”, copiare il codice che è stato generato ed incollarlo sul sito dove volete far comparire il Widget.

Il codice da inserire sarà simile a questo:

<script type="text/javascript" src="http:...................../it_IT"></script>
<script type="text/javascript">FB.init("e7cd4ad4e769e764c0c5b84f7a");</script>
<fb:fan profile_id="TUOID" stream="" connections="10" width="300"></fb:fan>
<div style="font-size:8px; padding-left:10px">

Molto semplice e veloce.

Lo scopo di questo tutorial però è mostrarvi come fare a modificarlo.

Per modificare la larghezza basterà operare qui:

<fb:fan profile_id="TUOID" stream="" connections="10" width="300"></fb:fan>

modificando il valore del parametro width, per modificare il numero di foto di fan da visualizzare invece basterà modificare il parametro connections, mentre discorso a parte va fatto se siete intenzionati a cambiarne il design. Per farlo avete bisogno di crearvi un foglio di stile ad hoc.

Per prima cosa nel codice va inserito il parametro “CSS” al quale va assegnato l’url del foglio di stile.

Ecco un esempio:

<fb:fan profile_id="VOSTRO ID" stream="" connections="10" width="287" 
css="http://www.yeswebcan.it/fbstyle.css"></fb:fan>

Ora non ci resta che creare il css. Per conoscere i nomi dei blocchi da modificare vi occorrerà uno strumento come la Barra Web Developer di Firefox.

Questo è il foglio di stile che ho creato per yesWEBcan. Per me non ho dovuto modificare moltissimi parametri.

@charset "utf-8";
/* Facebook Fanbox */
 
.fan_box
.full_widget
.connect_top 
{
display: block;
background-color: #e19238;           /* Cambio il background al blocco connect */
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: center;
}
 
a
{
cursor: pointer;
color: black;              /* Cambio il colore del link col nome della fanpage */
outline-style: none;
text-decoration: none;
}
.fan_box .connections
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #d8dfea;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 4px;
padding-left: 5px;            /* Riduco i margini per far comparire più foto */
min-height: 150px;
 
}
 
.fan_box
.full_widget
{
margin:2px;                         /* Imposto margine 2 */
margin-bottom:10px;
border:1px solid #455c6c;     /* Aggiungo un bordo di un pixel */
}

Potete scaricarlo anche qui.

IMPORTANTE: Una volta pubblicato, il css rimane in memoria, quindi se successivamente vorrete effettuare altre modifiche queste non saranno a voi visibili neanche cancellando o disattivando la cache del browser. Il problema è facilmente risolvibile e ne parlo in quest’articolo

L’occasione è gradita per invitarvi a iscrivervi alla fanpage di yesWEBcan.it

[ 19 Commenti ]

Facebook e la tutela dei dati personali

C’è chi lo chiama Feisbùk, chi facebucc, chi faccialibro, chi effebi.

Facebook è un social, anzi Facebook è il social network nato con la missione di rimetter vecchi amici di nuovo in contatto

Come funziona? Semplice basta inserire i propri dati personali, e, tramite dei complessi algoritmi, FB li confronta con milioni e milioni di dati personali di altri utenti per cercare i punti in comune (scuola, lavoro, luogo di nascita), e permettere a questi di diventare (o ritornare) amici.

Un’ idea semplice ma geniale visto che il creatore e 4 o 5 generazioni Zuckerberg a seguire non avranno più il problema di come arrivare a fine mese, se mai l’abbiano avuto

La cosa da chiedersi è, ma Facebook tutela i dati personali dei suoi iscritti?

Sicuramente Mark Zuckerberg risponderebbe “oh sure!”, ma credo che egli abbia una concezione della cosa al quanto, come dire …”liberale”?

I dati che inseriamo su FB non vengono molto tutelati, anche se la normativa sulla privacy negli ultimi mesi è leggermente cambiata (o semplicemente è stata tradotta utilizzando termini meno “pungenti”?).

Quando ci si iscrive ad un social network o a qualsiasi sito, siamo abituati ad accettare le condizioni d’utlizzo senza nemmeno leggerle. Ma quei lunghi testi, spesso scritti in piccolo a volte nascondono dei “cavilli” che sarebbe meglio non sottovalutare.

Leggendo le condizioni privacy di Facebook ho trovato qualche punto che credo seccherà non poco chi giustamente ci tiene alla tutela dei propri dati personali.

Avrei potuto commentarli, ma il vero problema è che da come sono scritti lasciano troppo spazio all’interpretazione, quindi mi limito a riportarvi i punti più interessanti, lasciando trarre a ognuno di voi le sue conclusioni.

——————————————————–

Usando Facebook, acconsenti che i tuoi dati personali siano trasferiti e trattati negli Stati Uniti.
Facebook può trasmettere a terzi le informazioni presenti nel tuo profilo senza tuttavia comunicare la tua identità. Tale procedura viene utilizzata, ad esempio, per individuare quante persone in una rete amano un determinato gruppo musicale o un film e per personalizzare la pubblicità e le offerte promozionali che ci consentono di tenere in vita Facebook. Riteniamo che questo sia anche nel tuo interesse. In questo modo puoi sapere cosa succede intorno a te, e i messaggi pubblicitari saranno più vicini ai tuoi interessi…
La scelta di pubblicare contenuti sul sito Web è a tuo rischio. Nonostante tu abbia la possibilità di impostare delle opzioni sulla privacy per limitare l’accesso alle tue pagine, nessuna misura di sicurezza è perfetta e impenetrabile. Non possiamo controllare le azioni degli utenti con cui hai deciso di condividere le tue pagine e le tue informazioni. Di conseguenza, non possiamo garantire che i contenuti pubblicati sul sito non vengano visualizzati da persone non autorizzate.
Facebook memorizza informazioni per spedire inviti e promemoria, per stabilire un’amicizia se il tuo invito è accettato, per permetterti di vedere se i tuoi inviti sono stati spediti e per visualizzare il buon fine del nostro programma di reindirizzamento.
Facebook può anche raccogliere informazioni su di te da altre fonti, come giornali, blog, servizi di messaggistica istantanea e altri utenti su Facebook attraverso le funzionalità del servizio per offrirti informazioni più utili e un’esperienza personalizzata.
È possibile che vengano fornite informazioni ai provider di servizi per rendere possibile la disponibilità dei servizi di Facebook. Nello specifico, è possibile che vengano sfruttate terze parti per facilitare il commercio, ad esempio per ospitare il servizio di condivisione per server, inviare tramite e-mail aggiornamenti su Facebook
Se tu, i tuoi amici o i membri delle reti a cui appartieni utilizzano applicazioni di terzi sviluppate mediante la piattaforma Facebook (“Applicazioni della piattaforma”), tali applicazioni possono accedere e condividere con altri utenti determinate informazioni su di te in base alle tue impostazioni sulla privacy. Inoltre, se consenti alle Applicazioni della piattaforma di accedere ai tuoi dati, gli sviluppatori terzi che hanno creato e implementato Applicazioni della piattaforma (“Sviluppatori di applicazioni”) possono accedere alle tue informazioni personali ….
… nonostante l’impegno contrattuale e tecnico di Facebook, volto a limitare eventuali usi impropri di tali informazioni da parte degli Sviluppatori di applicazioni, non possiamo garantire che tutti gli Sviluppatori di applicazioni rispettino tali accordi. Facebook non monitora né fornisce approvazione agli Sviluppatori di applicazioni e non può controllare il modo in cui tali Sviluppatori di applicazioni utilizzano le informazioni personali ottenute mediante Applicazioni della piattaforma….
Alcune delle pubblicità che compaiono su Facebook sono pubblicate (o “fornite”) direttamente da inserzionisti terzi. In questi casi, tali inserzionisti possono risalire al tuo indirizzo IP. Tali inserzionisti possono inoltre scaricare cookie sul tuo computer, oppure utilizzare altre tecnologie, come JavaScript o i cosiddetti “web beacon” (noti anche come “1×1 gif”), per controllare l’efficienza delle loro inserzioni e per personalizzarne il contenuto. Gli inserzionisti possono quindi riconoscere il tuo computer ogni volta che ti viene inviata una pubblicità, in modo da misurarne l’efficienza e personalizzarne il contenuto. Così facendo, possono registrare informazioni quali le pagine in cui gli utenti hanno visualizzato le inserzioni e quali di queste ultime sono state aperte. Facebook non ha accesso a questo tipo di informazioni e non può controllare i cookie scaricati da questi inserzionisti.
Ogni utente di Facebook può modificare o rimuovere tutte le informazioni del profilo in qualsiasi momento accedendo al proprio account. Le informazioni saranno aggiornate immediatamente. Chiunque desideri disattivare il proprio account Facebook, può farlo dalla pagina Il mio account. È possibile che le informazioni rimosse rimangano memorizzate in copie di riserva per un periodo di tempo… .
…Quando si utilizzano servizi di comunicazione per condividere informazioni con altri utenti su Facebook (ad esempio, quando si invia un messaggio personale ad un altro utente), tuttavia, non è possibile rimuovere questi tipi di comunicazione.