La Recommendations Bar di Facebook

Ultimamente ho visto andare di moda la Recommendations Bar di Facebook, ovvero quel popup che compare di solito in basso a destra dello schermo quando si scrolla la pagina fino in fondo.

La Recommendations Bar e’ facile da implementare e basta prendere in codice dall’apposita pagina facebook.

Tuttavia la Recommendations Bar ha alcune configurazioni interessanti che normalmente vengono ignorate. Eccole:

Innanzitutto la Recommendations Bar puo’ essere attivata attraverso 3 modalita’ distinte:

• onvisible, si attiva quando l’utente fa lo scroll oltre al punto dove la Recommendations Bar e’ posizionata nella pagina. Ma attenzione! Questo paramentro non e’ separata dal parametro read_time (vedi in seguito) che di default e’ 30 secondi. Se quindi piazza il plugin nel footer e corri subito nel footer a vedere se funziona… non funzionera’!
• X%, la barra si attiva passato una percentuale della lunghezza della  pagina.
• manual, la barra si attiva solo manualmente se si clicca sul bottone.

Gli altri parametri…

• read_time – Il numero di secondi che devono passare prima che il plugin si espanda. Di default e’ 30 secondi, il minimo e’ 10 secondi.
• action – Il verbo da visualizzare: ‘Mi piace’ o ‘Consiglia’. Ma i valori da scrivere negli attributi (vedi in seguito) sono ‘like’ o ‘recommend’.
• side – il lato dello schermo dove posizionare la barra: ‘left’ o ‘right’.
• site – Questa e’ una funzione molto interessante: ti permette di mostrare raccomandazioni per una lista di siti. L’ho implementata su questo stesso sito. Per usare questo attributo bisogna inserire una lista di domini separati dalla virgola. Naturalmente il dominio di default e’ quello specifico nell’attributo href che viene settato quando richiedi il codice della barra su facebook.
• ref – questo parametro serve se si vuole registrare i referral dei click (Vai alla pagina di facebook per ulteriori informazioni)
• num_recommendations – Il numero di raccomandazioni da visualizzare. Di default e’ 2, il massimo e’ 5.
• max_age – si possono limitare le raccomandazioni eliminando quelle piu’ vecchie di un certo numero di giorni.

Come implementano questi attributi?

Una volta ottenuto il codice alla pagina facebook della Recommendations Bar si avra’ qualcosa di simile da inserire nel codice del nostro sito:

<div data-href="http://www.iltuodominio.com/"></div>
Ogni attributo si aggiunge all’interno del <div>, ad esempio:

<div
data-href="http://www.iltuodominio.com/" 
trigger="onvisible" 
read_time="10" 
side="left" 
num_recommendations="5"></div>