3 sociale plug-ins voor het aanpassen van Facebook iFrame-tabbladen: Social Media Examiner

Nu Facebook aangepaste iFrame-tabbladen volledig ondersteunt en FBML en de Static FBML-ondersteuning geleidelijk afschaffen, zijn veel paginabeheerders zich afvragend hoe ze het beste functionaliteit aan hun iFrame-tabbladen kunnen toevoegen.

Hoe voeg je bijvoorbeeld populaire FBML-tags toe die interactie op Facebook mogelijk maakten, zoals Reveal / Fan-Gating, Multi-Friend Invite, Share-knop, Like-knop en Comments.

Facebook Social Plugins schieten te hulp!

Gelukkig is een subset van de XFBML-tags (a.k.a. Sociale plug-ins) bedoeld voor gebruik op websites om ze te integreren in de "sociale grafiek”Werken ook prima op iFrame-tabbladen.

Nu kunnen paginabeheerders eenvoudig toevoegen een gratis iFrame-tabbladtoepassing aan hun pagina, waardoor het heel eenvoudig is om een ​​fan-gating-functie toe te voegen, en ze kunnen Zoals knopen, Stuur knoppen en / of Opmerkingenvakken naar hun tabbladen.

In dit artikel leg ik uit hoe dat moet voeg deze drie sociale plug-ins toe aan uw aangepaste iFrame-tabblad.

De XFBML-tagcode genereren - Facebook doet het voor u!

Jij kan verkrijg de code voor de sociale plug-ins op Facebook's Pagina met sociale plug-ins. Navigeer gewoon naar de gewenste tag, voer de opties in op de pagina van die tag en klik vervolgens op 'Code ophalen'.

Als u de Like-knop genereert zonder de knop Verzenden, zorg er dan voor dat u het XFBML versie van de code (NIET de "iframe" -versie - het zal niet werken) naar uw klembord.

# 1: De Like-knop: van uw tabblad naar de nieuwsfeeds van gebruikers

De Like-knop is veruit de meest populaire van de sociale plug-ins. Jij kan zoveel Like-knoppen op een iFrame-tabblad hebben als u wilt. Voor elke Vind ik leuk-knop kun je een doel-URL specificeren, dit kan een Facebook-fanpagina zijn of een andere URL op internet. Echter, je kunt niet linken naar een specifiek fanpaginatabblad, alleen naar de fanpagina zelf.

Gebruikers hebben de mogelijkheid om voeg een persoonlijk bericht toe in het dialoogvenster Vind ik leuk dat verschijnt wanneer op de Like-knop wordt geklikt. Als de gebruiker geen bericht toevoegt, wordt er een eenvoudig sms-bericht op zijn prikbord geplaatst met een link naar de doel-URL in de onderstaande afbeelding:

Als de gebruiker echter een bericht toevoegt, verschijnt zijn like op zijn prikbord en nieuwsfeed met zijn commentaar, uw logo en een link naar de doel-URL, PLUS:

• Als de doel-URL een Facebook-fanpagina is, zal het bericht ook de bedrijfsnaam en de About Box-inhoud bevatten (in de linkerkolom na de navigatie), gevolgd door "| Facebook ”:

• Als de doel-URL een externe website is, gebruikt de prikbordpost een afbeelding en inhoud die zijn gespecificeerd in de 'metatags' van die website als ze zijn gespecificeerd in de code van de doel-URL. Als ze niet zijn gespecificeerd, pakt Facebook een willekeurige afbeelding op de pagina en willekeurige tekst. (Leer hoe u afbeeldingen en tekst kunt beheren met metatags.)

De onderstaande afbeelding is een prikbord waarin de URL voor de Like-knop een metatag heeft die een afbeelding specificeert ("image_src") en een metatag "description" die de tekst onder de link levert.

# 2: De knop Verzenden: Direct delen / berichten verzenden

Op 25 april 2011, een jaar na de introductie van Social Plugins, Facebook heeft de knop Verzenden uitgerold.

De knop Verzenden alleen of gekoppeld aan de knop Vind ik leuk

Er zijn twee manieren om het Verzendknop: 1) gekoppeld met de Like-knop (zoals hierboven weergegeven), of 2) stand-alone. Gebruik de Like-knop codegenerator om een ​​Like / Send-combinatie te maken door de optie "Send button" in de codegenerator aan te vinken:

De knop Verzenden vervangt "Delen met vrienden" en de FBML-selector voor meerdere vrienden

Vroeger (vóór april 2011) konden pagina's de FBML-tag "fb: multi-friend-selector" bevatten, die foto's van uw vrienden weergeeft om op te klikken om ze voor het bericht te selecteren:

En er was de tekstlink "voorstellen aan vrienden" bovenaan de rechterkolom die een soortgelijk dialoogvenster deed verschijnen. Het is er eigenlijk nog steeds (!), En je kunt vrienden selecteren en klikken op "aanbevelingen verzenden"... maar het bericht komt nooit aan.

De Verzendknop brengt deze functie nu terug naar Facebook-pagina's, maar is sterk verbeterd.

Directe berichten naar Facebook-vrienden, groepen en e-mailadressen

Wanneer een gebruiker op de knop Verzenden klikt, verschijnt er een dialoogvenster (zoals hieronder weergegeven) waarin gebruikers hun vrienden kunnen invoeren ' namen, Facebook-groepen of gewoon e-mailadressen, en welk bericht ze ook verzenden, plus het opgegeven doel URL.

• Indien verzonden naar vrienden, ontvangen ze een Facebook-bericht met uw opmerkingen, de afbeelding die aan de URL is gekoppeld en de beschrijving (afgeleid zoals hierboven beschreven voor de Like-knop).
• Indien verzonden naar een Facebook-groep, verschijnt het bericht op de muur van de groep.
• Indien verzonden naar een e-mailadres, ontvangen de ontvangers een e-mail met als onderwerpregel "gesprek met [uw naam]", uw toegevoegde bericht en de URL.

# 3: Het opmerkingenveld: verbeterd

Facebook's opmerkingenbox sociale plug-in staat je toe voeg een opmerkingenvak toe vergelijkbaar met de oude FBML fb: commentaartag, maar veel beter, omdat het discussies met schroefdraad mogelijk maakt en de muur beter nabootst.

Uniek van de Vind ik leuk- en Verzenden-knoppen, u kunt een Facebook-tabblad-URL specificeren voor elk opmerkingenvenster dat u maakt.

Wanneer u de code genereert op de pagina met sociale plug-ins voor het opmerkingenvenster, hoeft u geen " http://www.” in het URL-veld. Facebook vult dat in:

Er zijn een aantal moderatiefuncties wanneer u deze plug-in op een externe website gebruikt, maar deze lijken niet beschikbaar te zijn wanneer het opmerkingenvak op een iFrame-tabblad staat.

Geweldige kansen voor merken die aangepaste iFrame-tabbladen gebruiken

Deze nieuwe en verbeterde tags zijn nog maar het begin. Ik kan me voorstellen dat paginabeheerders de komende maanden een aantal verbeteringen voor sociale plug-ins zullen zien. En we zullen FBML helemaal niet missen!

Wat denk je? Heeft u specifieke sociale plug-ins die u graag zou willen zien en die nog niet zijn ontwikkeld? Laat uw opmerkingen achter in het onderstaande vak.