Så här lägger du till en Like-knapp på dina Facebook-flikar: Social Media Examiner
Facebook / / September 25, 2020
Har du någonsin undrat hur vissa Facebook-sidor lägg till Gilla-knappar till sina anpassade flikar? Kolla inte vidare.
Många har frågat mig hur webbplatser som Threadless kan lägga till flera gilla-knappar och kommentarer på sin fansida, så att besökare kan köpa, gilla och kommentera vilken t-shirt som helst på fliken Shop.
Det visar sig att det är ganska enkelt att använda fb: kommentarer FBML-tagg.
Använder sig av fb: kommentarer, du kan lägg till en Gilla-knapp och kommentarrutor på flera platser på dina Facebook-flikar och, valfrittkan var och en åtföljas av ett avsnitt med användarkommentarer. Detta ger fans fler möjligheter att interagera med och dela ditt innehåll.
Den trådlösa fansidan - Hur gör de det?
De Trådlös fläktsida Fliken "Shop" visar ett urval av sex t-shirts från deras katalog, och besökare kan beställa, gilla och / eller kommentera var och en.
Den vänstra kolumnen i ovanstående illustration är en produktbild och ett alternativ för rullgardinsmeny. När en användare gör ett val och klickar på "Lägg i kundvagn", omdirigeras han eller hon till Threadless.com-webbplatsen för att slutföra köpet.
Höger kolumninnehåll skapas med hjälp av fb: kommentarer FBML-tagg:
Få YouTube Marketing Marketing - Online!
Vill du förbättra ditt engagemang och försäljning med YouTube? Gå sedan med i det största och bästa samlingen av YouTubes marknadsföringsexperter när de delar sina beprövade strategier. Du får steg-för-steg liveinstruktion med fokus på YouTube-strategi, skapande av video och YouTube-annonser. Bli YouTube-marknadsföringshjälte för ditt företag och kunder när du implementerar strategier som ger beprövade resultat. Detta är ett live-online-träningsevenemang från dina vänner på Social Media Examiner.
KLICKA HÄR FÖR DETALJER - FÖRSÄLJNING SLUTAR 22 SEPTEMBER!Parametrarna och värdena som används för fb: kommentarer
-
xid: Detta är den unika identifieraren för denna instans av fb: kommentarermärka. Du måste inkludera ett värde, och jag föreslår att du använder något kort och beskrivande. Du är begränsad till alfanumeriska tecken, bindestreck, procenttecken, perioder och understrykningar. Användaren ser inte detta innehåll. det är bara för att skapa ett värde som utvecklare kan nå för programmeringsändamål.
Några exempel är:
xid = ”Produkt-205 ″
xid = ”Produkt-blå-skor
xid = ”Tan_50%” - kanpost: Du kommer sannolikt att vilja ha "true" för detta värde, vilket anger att användaren kan lägga upp en kommentar.
- ljuskrona: Du vill ha "falskt" för detta, vilket innebär att en användare inte kan ta bort några av kommentarerna.
- omvänd: Om du ställer in detta på "sant" placeras rutan "Lägg till en kommentar" under de upplagda kommentarerna, som görs på den trådlösa sidan.
- retur: Detta är det viktigaste värdet! Det här är den URL som användaren gillar när han eller hon klickar på Gilla-knappen. Om användaren markerar rutan ”Lägg upp kommentar till min Facebook-profil” visas kommentaren på deras vägg som “[Användare] gillar [Webbplatsens titeltagg] på [URL]." Du kan ha valfri webbadress för "retur”-Parameter. Trådlös har produktsidan på deras webbplats som "retur”Värde.
Använda CSS för att dölja oönskade element i fb: kommentarer märka
Du kan enkelt dölja det här elementet från att visas. Använda Firefox-plugin “Firebug” (ett måste för kodare!) Jag bestämde mig för att den lilla Facebook-logotypen och texten "Facebook social plugin" finns i en DIV tilldelad klassen "undertext_ vänster“, Och denna DIV kan döljas, i alla webbläsare, med CSS.
För att dölja detta innehåll lägger du helt enkelt till:
.subtitle_left {display: none;}
till ditt stilark, som döljer DIV:
Vill du bara ha Gilla-knappen? Använd CSS för att dölja kommentarrutan
Om du vill endast Gilla-knappen och inte kommentarrutan kan du använda “display: ingen”CSS-egendom för att dölja rutan för oönskade kommentarer.
Eftersom alla kommentarfunktioner finns i en DIV tilldelad klassen “kommentar_kropp”(Tack igen, Firebug!), Lägg bara till följande CSS-regel i ditt formatmall:
.comment_body {display: none;}
Resultatet:
Lägga till flera instanser av Like-knappen
Du kan ha så många instanser av fb: kommentarer FBML-tagg på din anpassade flik som du vill. Se bara till att alla har en unik “xid”Värde.
Att ge användarna fler alternativ än att bara gilla din sida och / eller dela den betyder mer användarengagemang och mer omnämnande av ditt varumärke som visas på användarnas väggar.
Prova och låt oss veta hur det fungerar. Lämna dina frågor och kommentarer i rutan nedan.