In mijn vorige artikel heb ik uitgelegd wat Open Graph precies is en hoe het binnen campagnes op Facebook kan worden gebruikt. Open Graph wordt steeds vaker door bedrijven ingezet en dit blijft niet ongemerkt. De Ticker aan de rechterkant van Facebook zie je dagelijks vol lopen met activiteiten die gebruikers uitvoeren. Het luisteren van liedjes, spelen van games of het toevoegen van foto’s. In deze case-study kijk ik hoe Fashionchick gebruik maakt van Open Graph om meer zichtbaarheid op Facebook te creëren.
Fashionchick is één van de grootste vrouwenportals van Nederland. Op deze portal wordt de content van verschillende webshops samengevoegd tot één grote webshop. De portal is onderdeel van Sanoma Media en heeft een bereik van 350.000 unieke bezoeken per maand. Daarnaast hebben ze een sociaal bereik van 65.000 leden, 55.000 fans op Facebook en 6.500 volgers op Twitter. Naast de website bieden ze ook een iPad & iPhone app aan en brengen ze een online magazine uit.
Alle gebruikers kunnen binnen de portal artikelen ‘bewaren’. Op deze manier stelt elke gebruiker een virtuele kledingkast samen. Fashionchick heeft aan deze functionaliteit een Open Graph activiteit gekoppeld. In de praktijk betekent het dat de virtuele kledingkast ook binnen Facebook te bekijken is.
Op de portal zien gebruikers onder elk artikel een ‘bewaar’-knop staan. Via deze knop kan het artikel worden toegevoegd aan de virtuele kledingkast. Op het moment dat het artikel wordt toegevoegd, wordt dit ook gepubliceerd op Facebook.
De Open Graph integratie
Bij Fashionchick kunnen gebruikers inloggen met hun Facebook account waardoor er automatisch activiteiten gepubliceerd kunnen worden. Een activiteit bestaat altijd uit een ‘actie’ en een ‘object’. De objecten zijn in het geval van Fashionchick artikelen uit de webshop, en de actie die hierbij hoort is ‘toevoegen’
De oplettende gebruiker die met Facebook inlogt ziet dat Fashionchick deze activiteiten automatisch publiceert. Tijdens het inloggen dient de gebruiker akkoord te gaan met het onderstaande venster:
Met dit venster geeft de gebruiker toestemming dat er berichten in het nieuwsoverzicht geplaatst mogen worden, waaronder “products you added”. Zodra de gebruiker hier akkoord mee is gegaan heeft Fashionchick de volledige vrijheid om activiteiten te publiceren.
Zichtbaarheid binnen Facebook
De Open Graph activiteiten die gepubliceerd worden zijn zichtbaar binnen Facebook. De artikelen die zijn toegevoegd zijn te zien in de Ticker, op het profiel en in het nieuwsoverzicht. Dit laatste hangt af van de Graph Rank, een algoritme dat is geïntroduceerd na de vele negatieve feedback hierover omdat de Open Graph activiteiten zo prominent aanwezig waren. Graph Rank is Edge Rank maar dan voor applicaties – dit wordt toegelicht in een eerder geschreven artikel ‘Wat is EdgeRank (infographic)’.
Ticker
Alle gepubliceerde activiteiten zijn zichtbaar in de Ticker aan de rechterzijde van het nieuwsoverzicht op Facebook. In het geval van Fashionchick wordt de volgende activiteit gepubliceerd:
Open Graph acties moeten standaard in het Engels worden aangemaakt. Dat betekent niet dat iedereen het in Engels zou moeten zien. In het geval van Fashionchick kan een vertaalde activiteit beter tot zijn recht komen.
Als er met de muis over de activiteit heen wordt gegaan verschijnt de knop ‘bekijken’ en wordt er meer informatie getoond over de activiteit. Na het klikken op de activiteit word je direct doorverwezen naar het artikel op Fashionchick.
Nieuwsoverzicht
Deze activiteit zal in sommige gevallen ook in het nieuwsoverzicht komen te staan. Dit hangt af van de eerder genoemd Graph Rank. Indien er weinig berichten staan in je nieuwsoverzicht is de kans groot dat Open Graph activiteiten hier ook worden getoond.
In het geval van Fashionchick wordt er een ‘aggregatie’ getoond van het aantal toegevoegde artikelen, met daaronder een overzicht van de meest recente.
Losse activiteiten nemen vaak veel ruimte in beslag, en dat is tevens de reden waarom het wordt samengevoegd tot één bericht.
Tijdlijn
Op het profiel van een gebruiker is er ook ruimte gereserveerd voor de Open Graph activiteiten. Standaard komen alle gepubliceerde activiteiten in het ‘Recente activiteiten’ overzicht te staan. Zo is er voor gebruikers van Fashionchick zichtbaar welk artikel ze als laatste hebben toegevoegd aan hun kledingkast.
Daarnaast komen ‘aggregaties’ van de activiteiten ook in de tijdlijn van de gebruiker voor. Als we iets verder in de tijdlijn van de gebruiker kijken valt dan ook op dat er een onderdeel ‘Mijn laatste fashion trends’ is.
Dit geeft een overzicht van de laatste vier artikelen die zijn toegevoegd. Als er op een artikel wordt geklikt word je direct doorverwezen naar het artikel op Fashionchick.
Applicatiepagina
Elke applicatie die gebruik maakt van Open Graph heeft aggregaties. Een aggregatie is een verzameling, opsomming of structurering van de activiteiten. Een aggregatie kun je zo uitgebreid maken als je wilt. In veel hardloop applicaties wordt er bijvoorbeeld een kaart getoond met de hardloop-route, met daarboven de afstand, tijd en gemiddelde snelheid.
De applicatiepagina op het profiel zit verstopt in het submenu. Bij het bezoeken van iemands profiel kan er op de pijl aan de rechterzijde worden geklikt. Vervolgens klapt het menu uit en is er een onderdeel ‘recente apps’ zichtbaar: hier staat de verwijzing naar de applicatiepagina van een gebruiker.
Op de applicatiepagina van Fashionchick zien we één aggregatie ‘Mijn laatste Fashion Finds’. Dit is dezelfde als die we eerder in de tijdlijn van de gebruiker zijn tegengekomen.
Daarnaast zien we ook hoeveel producten een gebruiker op een bepaald tijdstip heeft toegevoegd: ‘{user} added 7 products’.
Ondanks dat het alleen op het profiel van een gebruiker te zien is, kan het een leuke toevoeging zijn om de data op een bredere manier te aggregeren. Zo kan er op basis van de beschikbare gegevens de volgende aggregaties worden gemaakt:
- Favoriete webshops
- Favoriete product types
Mobiel
Er zijn ook mobiele kansen met gebruik van Open Graph. Omdat er op mobiel geen Ticker aanwezig is, is de kans erg groot dat de Open Graph activiteiten ook eerder verschijnen in het nieuwsoverzicht van de gebruiker. Alle onderdelen behalve de applicatie pagina zijn hebben goede zichtbaarheid op mobiel.
Conclusie
Fashionchick heeft op een goede manier Open Graph gebruikt om meer bereik te creëren op Facebook en meer traffic naar de portal te sturen. Elke keer als een gebruiker een artikel toevoegt aan hun virtuele kledingkast op Fashionchick wordt dit ook gepubliceerd op Facebook. Hierdoor is er op het profiel van de gebruiker zichtbaar wat de laatst ‘Fashion finds’ zijn, en wordt de activiteit zichtbaar voor vrienden via de Ticker of in het nieuwsoverzicht. De integratie kan verder worden uitgebreid door vertalingen toe te voegen of meer aggregaties te implementeren.
Nu Fashionchick de Open Graph implementatie heeft toegevoegd biedt dit de uitgelezen mogelijkheid om gebruik te maken van ‘Sponsored stories’. Deze advertentie mogelijkheid zorgt ervoor dat de Open Graph activiteiten meer aandacht krijgen in het nieuwsoverzicht en langer zichtbaar blijven.
Wat vinden jullie van deze Open Graph implementatie, en welke verbeteringen zou Fashionchick nog kunnen doen?
