Come aggiungere un pulsante Mi piace alle schede di Facebook: Social Media Examiner

Ti sei mai chiesto come funzionano certe pagine di Facebook aggiungere pulsanti Mi piace alle loro schede personalizzate? Non guardare oltre.

Molti mi hanno chiesto come siti come Threadless siano in grado di aggiungere più pulsanti Mi piace e commenti alla loro pagina Fan, consentendo ai visitatori di acquistare, Mi piace e commentare qualsiasi t-shirt nella loro scheda Negozio.

Bene, risulta che in realtà è abbastanza facile, usando il fb: commenti tag FBML.

Utilizzando fb: commenti, Puoi aggiungere un pulsante Mi piace e caselle di commento in più punti delle schede di Facebook e, facoltativamente, ciascuno può essere accompagnato da una sezione commenti utente. Ciò offre più possibilità ai fan di interagire e condividere i tuoi contenuti.

La pagina dei fan senza thread: come fanno?

Il Pagina fan senza thread La scheda "Negozio" mostra una selezione di sei t-shirt dal loro catalogo e i visitatori possono ordinare, mettere Mi piace e / o commentare ciascuna di esse.

La colonna di sinistra nell'illustrazione sopra è un'immagine del prodotto e un'opzione di selezione a discesa. Una volta che un utente effettua una selezione e fa clic su "Aggiungi al carrello", viene reindirizzato al sito Web Threadless.com per completare l'acquisto.

Il contenuto della colonna di destra viene creato utilizzando il fb: commenti Tag FBML:

I parametri e i valori utilizzati per fb: commenti

• xid: Questo è l'identificatore univoco per questa istanza di fb: commentietichetta. Devi includere un valore e ti suggerisco di usare qualcosa di breve e descrittivo. Sei limitato a caratteri alfanumerici, trattini, segno di percentuale, punti e trattini bassi. L'utente non vedrà questo contenuto; serve solo per creare un valore accessibile agli sviluppatori per scopi di programmazione.

  Alcuni esempi sono:
  xid = "Prodotto-205"
  xid = "Product-Blue-Shoes
  xid = "Tan_50%"

• canpost: Molto probabilmente vorrai "vero" per questo valore, a indicare che l'utente può pubblicare un commento.
• candelete: Per questo, vorrai "falso", il che significa che un utente non può eliminare nessuno dei commenti.
• inversione: Impostando questo su "true" si inserisce la casella "Aggiungi un commento" sotto i commenti pubblicati, come si fa nella pagina Threadless.
• returnurl: Questo è il valore più importante! Questo è l'URL che l'utente gradisce quando fa clic sul pulsante Mi piace. Se l'utente seleziona la casella "Pubblica commento sul mio profilo Facebook", il commento apparirà sulla bacheca come "[Utente] piace [Tag titolo del sito web] su [URL]". Puoi avere qualsiasi URL valido per "returnurl"Parametro. Threadless ha la pagina del prodotto sul proprio sito web come "returnurl"Valore.

Utilizzando CSS per nascondere elementi indesiderati nel file fb: commenti etichetta

Puoi facilmente nascondere questo elemento dalla visualizzazione. Usando il Plugin di Firefox "Firebug" (un must per i programmatori!), ho stabilito che il piccolo logo di Facebook e il testo "Facebook social plugin" sono contenuti in un DIV assegnato alla classe "subtitle_left", E questo DIV può essere nascosto, in tutti i browser, con CSS.

Per nascondere questo contenuto, aggiungi semplicemente:

.subtitle_left {display: none;}

al tuo foglio di stile, che nasconde il DIV:

Vuoi solo il pulsante Mi piace? Usa CSS per nascondere la casella dei commenti

Se vuoi solo il pulsante Mi piace e non la casella dei commenti, puoi utilizzare il pulsante "display: nessuno"Proprietà CSS per nascondere la casella dei commenti indesiderati.

Perché tutte le funzionalità di commento sono contenute in un DIV assegnato alla classe "comment_body"(Grazie ancora, Firebug!), Aggiungi la seguente regola CSS al tuo foglio di stile:

.comment_body {display: none;}

Il risultato:

Aggiunta di più istanze del pulsante Like

Puoi avere quante più istanze di fb: commenti Tag FBML nella tua scheda personalizzata come desideri. Assicurati solo che ognuno abbia un unico "xid"Valore.

Offrire agli utenti più opzioni oltre a mettere Mi piace alla tua pagina e / o condividerla significa più coinvolgimento degli utenti e più menzioni del tuo marchio vengono visualizzate sui muri degli utenti.

Provalo e facci sapere come funziona. Lascia le tue domande e commenti nella casella sottostante.