Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Så här lägger du till en liknande knapp till dina Facebook-knappars ögonfransar
Många människor har frågat mig hur sajter som Wireless kan lägga till fler gilla- och kommentarsknappar på sina fansidor, så att besökare kan shoppa, gilla och kommentera vilken t-shirt som helst på fliken Dörr sina varor.
Det visar sig att det faktiskt är ganska enkelt med fb: kommentera FBML-taggen.
använda sig av fb: åsiktdu kan Lägg till en liknande knapp och kommentarsfält på flera platser på din Facebook-flik Och var och en kan åtföljas av en användarkommentarsektion. Detta ger fler möjligheter för fansen att interagera och dela sitt innehåll.
Wireless Fan Site – Hur gör de det?
Den trådlösa fansidan “Köp” visar ett urval av sex t-shirts från din katalog, och besökare kan beställa, gilla och/eller kommentera var och en.
Den vänstra kolumnen i bilden ovan är produktbilden och listalternativ. När användaren väljer och klickar på “Lägg till i kundvagnen” kommer de att omdirigeras till Threadless.com-webbplatsen för att slutföra köpet.
Innehållet i högerspalten skapas med fb: åsikt FBML-taggar:
Parametrar och värden som används för fb: kommentar
XID: Detta är den unika identifieraren för denna instans av fb: åsikt märka. Den ska innehålla ett värde och jag rekommenderar att du använder något kortfattat och beskrivande. Den är begränsad till alfanumeriska tecken, bindestreck, procentsatser, punkter och understreck. Användare kommer inte att se detta innehåll; det skapar bara ett värde som utvecklare kan komma åt för programmeringsändamål. Några exempel är:xid = Produkt-205 ″ xid = Produkt blå-choroid = “Tan_50%” kan posta: Du vill förmodligen ha “true” för detta värde, vilket indikerar att användare kan skriva kommentarer. candelete: Du vill ha “false” för detta, vilket innebär att användaren inte kan radera några kommentarer. tillgång: Om du ställer in den på “true” kommer rutan “Lägg till kommentar” att placeras under de publicerade kommentarerna som gjorts på den trådlösa webbplatsen. ReturnURL: Detta är det viktigaste värdet! Det här är webbadressen som användarna gillar när de klickar på Gilla-knappen. Om en användare markerar rutan “Kommentera mig Facebook-profil” kommer kommentaren att visas på din vägg som “Gilla (användare) (webbplatstiteltagg) på (URL)”. Du kan ha vilken URL som helst för “lämna tillbakaParametrar. Wireless har en produktsida på sin webbplats som säger “lämna tillbaka“Värde.
Använd CSS för att dölja oönskade element i fb:comment-taggen
Du kan ta bort den. “Facebook social plugin” text och logotyp med CSS.
Du kan enkelt dölja det här objektet från att visa det. Med Firefox-plugin “Firebug” (ett måste för programmerare!), bestämde jag mig för att göra den liten Facebook-logotypen och “Facebook-texten för det sociala pluginet “är i klassen tilldelad en DIV”undertitel_vänster“Och denna DIV kan döljas i vilken webbläsare som helst med CSS.
För att dölja detta innehåll lägg bara till:
.subtitle_left {display: none;}
för din stilmall, dölj DIV:
Presto! DIV som innehåller logotyp och text gömd från skärmen: ingen.
Vill du bara ha en liknande knapp? Använd CSS för att dölja kommentarsfältet
Om du vill ha en liknande knapp och inte kommentarsrutan kan du använda “display: ingen“CSS-egenskap för att dölja skräppostfält.
Eftersom alla kommentarsegenskaper är i en klass som har tilldelats en DIV”I commentario_cuerpo“(Tack igen, Firebug!) Lägg bara till följande CSS-regel till din stilmall:
.comment_body {display: none;}
Resultat:
Fler versioner av Gilla-knappen
Du kan ha många fall fb: åsikt FBML-tagg på din anpassade flik som du vill. Se bara till att var och en har ett unikt “xid”-värde.
Att ge användarna fler alternativ än att bara gilla sin sida och/eller dela den innebär mer användarengagemang och fler omnämnanden av deras varumärke som visas på användarväggar.
Testa det och låt det veta hur det fungerar. Lämna dina frågor och kommentarer i rutan nedan.
