3 Sociala plugins för att anpassa Facebook iFrame-flikar: Social Media Examiner

Nu när Facebook helt stöder anpassade iFrame-flikar och fasar ut FBML och Static FBML-stödet är många sidadministratörer undrar hur man bäst kan lägga till funktionalitet i deras iFrame-flikar.

Till exempel, hur lägger du till populära FBML-taggar som underlättade interaktion på Facebook, till exempel Reveal / Fan-Gating, Multi-Friend Inbjudan, Dela-knappen, Gilla-knappen och Kommentarer.

Facebook sociala plugins till undsättning!

Lyckligtvis har en delmängd av XFBML-taggarna (aka Sociala plugins) avsedda för användning på webbplatser för att integrera dem i Facebooks ”sociala diagram”Fungerar också bra på iFrame-flikar.

Nu kan sidadministratörer helt enkelt lägga till ett gratis iFrame-program till deras sida, vilket gör det enkelt att lägga till en fan-gating-funktion, och de kan lägga till Som knappar, Skicka knappar och / eller Kommentarrutor till deras flikar.

I den här artikeln förklarar jag hur lägg till dessa tre sociala plugins till din anpassade iFrame-flik.

Generera XFBML-taggkoden - Facebook gör det åt dig!

Du kan få koden för sociala plugins på Facebook Sidan Sociala plugins. Navigera bara till den tagg du vill ha, ange alternativen på taggens sida och klicka sedan på "Hämta kod."

Om du genererar Gilla-knappen utan Skicka-knappen, se till att du kopierar den XFBML version av koden (INTE ”iframe” -versionen - den fungerar inte) till ditt urklipp.

# 1: Gilla-knappen: Från din flik till användarnas nyhetsflöden

Gilla-knappen är lätt den mest populära bland de sociala pluginsna. Du kan ha så många Gilla-knappar på en iFrame-flik som du vill. För varje Like-knapp kan du ange en mål-URL, som kan vara en Facebook-fansida eller någon annan URL på webben. Dock, du kan inte länka till en viss flik för fläktar, utan bara till fläktens sida.

Användare har möjlighet att lägg till ett personligt meddelande i dialogrutan Gilla som dyker upp när du klickar på knappen Gilla. Om användaren inte lägger till ett meddelande skickar ett enkelt textmeddelande till sin vägg med en länk till mål-URL i bilden nedan:

Men om användaren lägger till ett meddelande kommer deras liknande att visas på sin vägg och nyhetsflöde med sin kommentar, din logotyp och en länk till mål-URL, PLUS:

• Om mål-URL: en är en Facebook-fansidakommer inlägget även att innehålla företagsnamn och About Box-innehållet (i den vänstra kolumnen efter navigeringen), följt av ”| Facebook":

• Om mål-URL: en är en extern webbplats, använder väggposten en bild och ett innehåll som anges i webbplatsens "metataggar" om de anges i koden för mål-URL. Om de inte anges kommer Facebook att fånga en slumpmässig bild på sidan, liksom slumpmässig text. (Lär dig hur du styr bilder och text med metataggar.)

Bilden nedan är en väggpost där URL för Lik-knappen har en metatagg som anger en bild (“image_src”) samt en ”beskrivning” metatagg som tillhandahåller texten under länken.

# 2: Skicka-knappen: Direkt delning / meddelanden

Den 25 april 2011, ett år efter införandet av sociala plugins, Facebook rullade ut knappen Skicka.

Skicka-knappen ensam, eller ihopkopplad med Gilla-knappen

Det finns två sätt att implementera Skicka-knapp: 1) parat med Gilla-knappen (som visas ovan) eller 2) fristående. Använda sig av kodgeneratorn för Gilla-knappen för att skapa en Gilla / Skicka-kombination genom att markera alternativet “Skicka-knapp” i kodgeneratorn:

Skicka-knappen ersätter “Dela med vänner” och FBML-multivänväljaren

Tillbaka i gamla dagar (före april 2011) kunde sidor innehålla FBML-taggen "fb: multivänväljare", som visade bilder på dina vänner att klicka för att välja för meddelandet:

Och det fanns textlänken "föreslå till vänner" nära toppen av den högra kolumnen som visade en liknande dialogruta. Det är faktiskt fortfarande där (!), Och du kan välja vänner och klicka på "skicka rekommendationer"... men meddelandet kommer aldrig.

De Skicka-knapp nu tar den här funktionen tillbaka till Facebook-sidor, men mycket förbättrad.

Direktmeddelanden till Facebook-vänner, grupper och e-postadresser

När en användare klickar på knappen Skicka dyker en dialog upp (som visas nedan) där användare kan ange sina vänner namn, Facebook-grupper eller helt enkelt e-postadresser och vilket meddelande de skickar plus det angivna målet URL.

• Om skickas till vänner, de får ett Facebook-meddelande som innehåller dina kommentarer, bilden associerad med URL och beskrivning (härledd enligt beskrivningen ovan för Gilla-knappen).
• Om skickas till en Facebook-gruppvisas meddelandet på gruppens vägg.
• Om skickas till en e-postadress, mottagarna får ett e-postmeddelande med ämnesraden ”konversation med [ditt namn]”, ditt tillagda meddelande och URL.

# 3: Kommentarrutan: Förbättrad

Facebook kommentarrutan socialt plugin låter dig lägg till en rutan Kommentarer liknar det gamla FBML fb: kommentarstagg, men mycket bättre, eftersom det möjliggör trådade diskussioner och replikerar väggen närmare.

Unikt från knapparna Gilla och Skicka, du kan ange en Facebook-flik-URL för varje kommentarruta du skapar.

När du genererar koden på sidan Sociala insticksprogram i rutan Kommentarer behöver du inte ha " http://www.” i URL-fältet. Facebook fyller i det:

Det finns ett antal moderationsfunktioner när du använder detta plugin på en extern webbplats, men dessa verkar inte vara tillgängliga när rutan Kommentarer finns på en iFrame-flik.

Fantastiska möjligheter för varumärken som använder anpassade iFrame-flikar

Dessa nya och förbättrade taggar är bara början. Jag antar att sidadministratörer kommer att se ett antal förbättringar av sociala plugin-program de närmaste månaderna. Och vi kommer inte att sakna FBML alls!

Vad tror du? Har du några specifika sociala plugins som du vill se som inte har utvecklats än? Lämna dina kommentarer i rutan nedan.