Een manier om…

Al eerder was ik op zoek naar een functionele toolbar onderaan de pagina. De toolbar van Google Friend Connect waar ik eerder over schreef heb ik na een periode waarin deze weinig werd gebruikt verwijderd. Ook ging de aanwezigheid van de Google Friend Connect toolbar ten koste van de snelheid van het inladen van de website.

Via @Orli werd ik geattendeerd op de Wibiya toolbar. Deze heb ik nu ook een tijdje draaien en hoewel het dashboard wat meer informatie zou mogen geven lijkt het me voor bezoekers van mijn weblog een fijne toolbar. De toolbar zie je onderaan de site.

De toolbar kan gebruikt worden om de site te doorzoeken en vertalen. Verder kunnen de meest recente en populaire artikelen worden opgevraagd. Het huidige artikel kan via social media worden gedeeld en de discussie op Twitter over de website is snel inzichtelijk. Kortom: je kunt eenvoudig een grote verscheidenheid aan applicaties aan de toolbar toevoegen. Wibiya werkt voor deze applicaties samen met derden zoals Cooliris en AddThis en controleert dagelijks de programmatuur op performance en mogelijke beveiligingsfouten (malware) - op een door VeriSign gecertificeerde werkwijze.

Op het moment van schrijven zag mijn Wibiya toolbar er als volgt uit (klik voor een vergroting):

Dit artikel gaat verder in op de mogelijkheden van de toolbar voor zowel bezoekers van het weblog als de eigenaar. Met de Wibiya toolbar maak je een weblog snel interactief met functies zoals zoeken, vertalen en delen. Je kunt dit artikel eenvoudig delen met dit korte adres: http://bit.ly/wibiya

Wibiya toolbar mogelijkheden voor bezoekers

Van links naar rechts biedt de Wibiya toolbar op “Een manier om…” de volgende mogelijkheden:

• Zoeken in het weblog (Search)
  Met de knop uiterst links kan de bezoeker ervoor kiezen om niet in het weblog zelf maar in heel Google te zoeken. Daarnaast staat het zoekvenster zelf.
• Vertalen (iTranslation) met Google Translate
  Hierop klikken levert een popup menu met opties om de tekst via Google Translate te vertalen naar Engels, Spaans, Chinees, Japans, Duits, Frans, Italiaans, Koreaans, Russisch, of Portugees. Na het aanklikken wordt de website zonder opnieuw inladen vertaald.
• Recente artikelen opvragen (Latest Posts)
  De knop Recente artikelen toont een popup met de meest recente artikelen. Van ieder artikel wordt een afbeelding weergegeven, alsmede de titel, de publicatiedatum en de categorieën en tags die aan het artikel zijn meegegeven. Klikken op een artikel uit de popup opent het artikel zelf.
• Een willekeurige artikel opvragen (Random Post)
  Met de knop Willekeur open je een willekeurig artikel.
• Specifieke/populaire artikelen onder de aandacht brengen (Navigation Links)
  Geeft je de mogelijkheid om een aantal pagina’s (of andere websites) onder de aandacht te brengen als “populaire links”. Per link geeft je naast het adres ook een omschrijving en icoon mee. De links kunnen worden geopend in hetzelfde venster, in een nieuw tabblad van de webbrowser of in een overlay window (met of zonder lightbox).
• Live Notifications V2.0 / Notifier Pro
  Live Notifications popups kun je gebruiken als welkomstbericht of om je bezoekers bijvoorbeeld te wijzen op een artikel, twitter account of RSS feed. Popups verschijnen rechtsonderin in het scherm voor een door jou instelbare periode. Een popup bestaat uit een titel, (optionele) link, bericht en (optionele) afbeelding van ~100×100 pixels. Je kunt instellen op welke pagina je de popups juist wel of juist niet wilt tonen op basis van URL of trefwoorden of aantal bezochte pagina’s van de website.
  Als je een betaald Pro account hebt installeer dan Notifier Pro zodat je een start- en einddatum voor de popups kunt instellen en zo campagnes kunt plannen.
• Aanhaken op de RSS Feed (Subscribe)
  Klikken op de RSS knop opent de RSS feed opties. Met RSS kan een gebruiker aanhaken op een website en van nieuwe artikelen op de hoogte blijven zonder de website te bezoeken.
• Artikel doorsturen/delen (Smart Share)
  Als de bezoeker op de knop klikt dan verschijnt een grote popup met zes opties om de pagina door te sturen (te delen). Met de instelling Auto Networks Identifier actief suggereert Smart Share afhankelijk van het land en eerder gebruik manieren om te delen. Je kunt ook zelf finetunen. Met de instelling Image recognition actief kunnen bezoekers met Smart Share afbeeldingen delen. Zodra de muis een afbeelding aanwijst komt daar een rand omheen met de tekst “Click Here to Share”. Als de bezoeker daarop klikt dan verschijnt de Smart Share popup. Smart Share is ontwikkeld in samenwerking met Add This.
• Tweet Button
  Tweet Button is gebaseerd op de officiële Twitter Tweet Button. De knop geeft het aantal keren dat een pagina/artikel is gedeeld op Twitter weer. Met een klik op het getal kunnen recente tweets met een link naar het artikel worden opgevraagd. Deze teller kun je indien gewenst via de instellingen van de Wibiya toolbar verbergen. Met een klik op de knop “tweet” kan de bezoeker snel zelf een tweet over het artikel schrijven waarna de bezoeker de suggestie krijgt je te volgen op Twitter. Ook kun je een tweede Twitter account opgeven waar je de bezoeker op wilt attenderen na het versturen van de tweet.
• Gerelateerde tweets inzien en versturen (Twitter Dashboard)
  De Twitter Dashboard opent een popup met aan de linkerkant tweets over de betreffende website. De bezoeker kan hiervandaan ook zelf een tweet sturen over de pagina om deel te nemen aan deze discussie. Een met bit.ly ingekorte URL staat klaar om te delen en de teller loopt af vanaf 140 karakters.
  Het rechterdeel van de popup toont de naam, locatie, URL en Bio van het Twitter account dat gekoppeld is aan de Wibiya toolbar. Ook is het aantal followers zichtbaar boven een follow knop. Met een knop Search Twitter wordt Twitter doorzocht op het gekoppelde Twitter account waardoor de laatste discussies boven komen. In de popup kun je ook doorklikken naar de profielpagina van andere Twitter gebruikers en hashtags.
• Scroll naar boven (Scroll To Top)
  Scrollt naar boven, handig bij langere artikelen zoals op dit weblog

N.B.: De volgorde van de knoppen is vrij instelbaar via “Rearrange Toolbar”.

Wibiya toolbar mogelijkheden voor eigenaren van een weblog

Wibiya levert ofwel een Widget voor bekende weblog software zoals WordPress, Blogger of TypePad. En anders een stukje code dat aan de pagina moet worden toegevoegd zoals:

<script src=’http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=667′ type=’text/javascript’></script>

Ook kun je hier in een preview zien hoe de toolbar er uit zal zien op je website.

Doordat de Wibiya toolbar via de website van Wibiya wordt getoond worden updates automatisch doorgevoerd. Als de werking van de “applicaties” verandert dan hoeft je daar als eigenaar van het weblog dus niets voor te doen.

Op 30 juli 2009 werd Wibiya meertalig. Via Edit Toolbar op de website kon ik bij Account Details de taal van deze website instellen. Ik heb daar voor Nederlands gekozen waarna de Wibiya toolbar direct in het Nederlands beschikbaar was. De Nederlandse vertaling is door mij aangedragen. Sinds december 2009 kun je de tekst van de Wibiya knoppen zelf instellen.

Onder een kopje “Change Toolbar Theme” kan uit ongeveer 40 kleurstellingen een passende kleur voor de toolbar worden ingesteld. Ook het icoon linksonderin kan daarbij worden geüpload (favicon formaat).

Kijk ook even naar de overige instellingen. Met “Enable Dragable Windows” geef je bezoekers de mogelijkheid om de vensters die sommige applicaties van de toolbar openen vrij over de pagina te slepen. Op dit weblog werden video’s over de toolbar heen getoond wat er niet zo mooi uit ziet, de instelling “Flash Objects Overlay The Toolbar” verhielp dit.

Wibiya toolbar applicaties (Applications)

De verschillende functionaliteiten van de Wibiya toolbar worden “Applications” genoemd. Eén van de applicaties heet “Search”. Op het screenshot heb ik een aantal applicaties buiten beschouwing gelaten omdat ik hier zelf geen gebruik van maak en dus geen ervaring mee heb:

1. CoolIris
   Wibiya heeft drie Cooliris applicaties. De applicaties voegen allen een knop toe die een 3D muur opent die je snel visueel door kunt scrollen om foto’s en video’s te vinden. De weergave is af te stemmen op de look & feel van je website en Wibiya verzamelt statistische informatie omtrent gebruik.
   De video’s die de YouTube Video Gallery weergeeft kun je selecteren op kanaal (channel), YouTube gebruiker, populair of trefwoorden (keywords). Met de Facebook Photo Gallery toon je naar keuze al je Facebook foto’s of die van een specifiek album. Photo Gallery toont foto’s van Flickr en Picasa.
2. YouTube Channel
   Stelt gebruikers in staat om door een kanaal op YouTube te scrollen.
3. Games (via HeyZap)
   Flash spelletjes in categorieën als Sports, Action, Multiplayer, Shooter.
4. Facebook
   Wibiya heeft vijf Facebook applicaties. Op de dag van lancering van de universele Facebook “Like” button kon je deze activeren op je Wibiya toolbar (je kunt ook het aantal “Likes” weergeven en de naam van een vriend van de bezoeker – indien van toepassing). Met de Facebook Activity Feed geef je inzicht in bezoekers en de pagina’s van jouw weblog die gedeeld worden via Facebook (of een Like hebben gekregen). Facebook Recommendations toont pagina’s en afbeeldingen die Facebook gebruikers vaak hebben aangeklikt of gedeeld (via bijvoorbeeld Like). Met Facebook Fan Page kunnen bezoekers fan worden en berichten achterlaten op je Fan Page. Verder kun je je foto’s tonen met de Facebook Photos Gallery.
5. Share Menu
   Voegt een Share knop toe om het webadres van een artikel snel door te sturen via sociale netwerken als Facebook, Twitter, Delicious, Stumbleupon, Digg, Buzz up!, MySpace, FriendFeed, Technorati, G Bookmarks of Live. De Wibiya toolbar opent de bij het sociale netwerk behorende website in een popup.
6. Digg
   Voegt een Digg This knop toe waarmee mensen jouw pagina onder de aandacht van andere Digg gebruikers kunnen brengen.
7. Google Buzz
   Toont content zoals afbeeldingen en videos van je Google Buzz feed op basis van je Google ID. Content kan via Google Buzz verspreid worden en bezoekers kunnen je gaan volgen via Google Buzz.
8. FriendFeed Stream
   Toont content zoals afbeeldingen en videos van je FriendFeed. Content kan via FriendFeed verspreid worden en bezoekers kunnen je gaan volgen via FriendFeed.
9. Twitter Profile
   Geeft een klein onderdeel van het Twitter Dashboard weer – alleen het profiel van een gebruiker. Vanuit de popup kan op jouw tweets worden gereageerd (of men kan ReTweeten). Ook kan Twitter worden doorzocht, onder andere via het doorklikken op hashtags.
10. Twitter @Anywhere
    Zet automatisch Twitter gebruikersnamen die je in een artikel noemt om naar een link. Als een bezoeker de muis daarop houdt dan verschijnt een popup met de avatar van de genoemde Twitter gebruiker plus een knop om deze te volgen. Zelf gebruik ik hiervoor liever de Apture popup die ook de laatste tweets toont.
11. Twitter Lists
    Voegt een knop toe via welke je je Twitter lijsten kunt laten zien. In een popup verschijnen de tweets van de lijst. Naast de lijst volgen kunnen bezoekers doorklikken naar profielen en reageren op tweets via Twitter web.
12. Social Connect & Social Chat
    Stelt bezoekers in staat om sociale netwerken bij te werken zonder jouw website te verlaten. De exacte mogelijkheden zijn afhankelijk van het gebruikte sociale netwerk maar denk aan het updaten van de status (met titel en ingekorte URL), chatten, en het toevoegen van vrienden op Twitter, Facebook en Myspace. Bezoekers moeten de Wibiya toolbaar wel eenmaal toegang tot hun account geven. Als je gebruik maakt van deze Wibiya applicaties dan omvat je dashboard ook een tabblad ’social statistics’ waarin je de bezoekers van je website per sociaal netwerk (facebook, twitter) kunt zien. Verder kun je als moderator optreden en berichten verwijderen en gebruikers ‘bannen’.
13. Webpage of Website Chat (via TinyChat)
    Integreert een chatroom per webpagina/artikel of voor de hele site (Website chat). Gebruikers kunnen inloggen via Twitter of Facebook en vrienden uitnodigen om te komen chatten. Vrienden komen direct in de chatbox terecht. Het is ook mogelijk alleen een naam op te geven (en niet in te loggen). De webpagina (of website) toont ondertussen het aantal aanwezigen in de chatbox. Video gebruiken is mogelijk.
14. Real Time Users (via who’s.amung.us)
    Geeft real time het aantal bezoekers aan de website weer. Als een gebruiker op het getal klikt dan toont een popup de meest populaire artikelen. De gebruiker kan ook doorklikken om de andere veel geraadpleegde artikelen te zien. Ook staan de bezoekers afgebeeld op de wereldkaart. Nadeel van deze applicatie vond ik dat promotie voor een premium account voor $5 per maand werd getoond.
15. Content Timeline
    Geeft je laatste posts (op basis van de RSS feed) en afbeeldingen op een grafische tijdslijn. Bezoekers kunnen chronologisch door de tijdslijn scrollen met de muis, ook in- en uitzoomen werkt met het scrollwieltje. Als een bezoeker op een icoon klikt dan opent een popup vanuit waar doorgeklikt kan worden naar het hele artikel. Om een indruk te krijgen van hoe deze tijdslijn werkt kun je een Google zoekopdracht uitvoeren op http://www.allofme.com/ of een timeline op basis van de RSS feed van dit weblog opvragen.
16. Justin.tv Live Broadcasting
    Met deze applicatie kun je live videos die je kunt uitzenden via Justin.tv weergeven op je website. Eerdere uitzendingen kun je ook beschikbaar stellen en chatten is ook mogelijk. Bezoekers kunnen zien of je zelf online of offline bent en bezoekers de uitzending bekijken.
17. Donaties (User Donation)
    Vraag bezoekers om donaties via een PayPal account, de munteenheid is instelbaar.
18. Real Time Web Chatter (via Backtype)
    Backtype indexeert de miljoenen discussies die mensen op blogs en social media voeren. Op basis van een trefwoord kun je deze discussies nu weergeven in een popup op jouw website. Door de naam van je eigen website als trefwoord in te voeren zie je waar jouw website genoemd is.
19. Live Notifications (verouderd, gebruik liever de verfijnde Live Notifications v2.0)
    Popups die rechtsonderin het scherm eenmalig aan een bezoeker worden getoond. Dit kun je bijvoorbeeld gebruiken als welkomstbericht, of om je bezoekers te wijzen op een artikel, twitter account of RSS feed.
20. Express Affiliated Links
    Converteert links naar externe websites automatisch naar affiliate links indien mogelijk.Volledig transparant voor zowel de bezoeker als de beheerder van de website. Wibiya Dashboard geeft inzage in de gegenereerde inkomsten en betaalt uiteindelijk uit via PayPal.

Ook de configuratie van deze applicaties gaat via de website van Wibiya. Met enkele klikken is de functionaliteit toegevoegd. Je kunt functionaliteit natuurlijk ook weer verwijderen. Uitschakelen is ook mogelijk – dan bewaart Wibiya je instellingen voor het geval je je bedenkt.

Bij sommige applicaties geef je wat gegevens op. Voor “Latest Posts”, “Random Post” en “Register to RSS Feed” is het webadres van de RSS feed nodig. De “Twitter Gadget” vraagt om de Twitter username (gebruikersnaam). De “Photo Gallery vraagt om het adres van een Flickr of Picasa album.

Wibiya Dashboard

Op de website van Wibiya kan op een dashboard het gebruik van de toolbar worden opgevraagd alsmede het verkeer dat de Wibiya toolbar weer terug heeft geleid naar het weblog.

Hoewel het in het screenshot lijkt alsof je door kunt klikken op de getallen is dat helaas niet het geval. Het zou mooi zijn als Wibiya dat nog mogelijk maakt.

Zo wil je bij de “Post Navigator clicks”, “Blog posts shared”, “Translated posts”, “Page views generated”, “Posts shared on social networks” en “Page views generated from Facebook community” weten op welke artikelen dit getal betrekking heeft. Ook vind ik het interessant om te kunnen zien via welke sociale netwerken de artikelen worden verspreid. De door de Twitter Gadget gegenereerde bit.ly links zou ik graag terug zien in mijn eigen bit.ly account. En tenslotte zou van de “Searches” de zoekquery wel willen zien, mensen verwachten dan bepaalde content of zijn ernaar op zoek.

CSS Stylesheet aanpassing voor afdrukken

Het stylesheet in dit weblog was dusdanig ontworpen dat afgedrukte artikelen zo goed mogelijk de ruimte op papier benutten. De toolbar kwam echter ook op papier terecht. Wibiya  droeg de volgende CSS code aan als oplossing:

#wibiyaToolbar {display:none!important;}

CSS Stylesheet aanpassing om de toolbar minder breed te maken

Als het in jouw website niet mooi is om de Wibiya toolbar over de volle breedte in te stellen dan kun je de breedte via CSS instellen. Bijvoorbeeld op 800 pixels:

#wibiyaToolbar_tbl{
width: 800px !important;
margin-left:auto !important;
margin-right:auto !important;
}

Bron: http://tech.michaelerb.net/wordpress-plugins/wibiya-toolbar-width-css-hack/

Flash objecten zoals YouTube videos via Apture onder de toolbar houden

Als je gebruik maakt van Apture om multimedia in je weblog of website te integreren, maar wellicht ook in andere gevallen, dan overlapt een dergelijk Flash component soms de Wibiya toolbar. Hier is een instelling voor via het Wibiya dashboard. Kies voor ”Edit toolbar”>”Troubleshooting” en vink de optie “Flash Objects Overlay The Toolbar” aan.

Meer mogelijkheden met Wibiya Plus, Pro en Max

Als je meer invloed wilt over het uiterlijk van je Wibiya toolbar dan kun je opwaarderen naar een Plus account. Met de Toolbar Style Editor kun je dan grootte, positie, lettertype en kleur nauwkeurig regelen.

Met een Pro account kun je het “Powered by Wibiya logo” zelfs helemaal verwijderen. Daarnaast kun je aanspraak maken op snelle ondersteuning door Wibiya. Tenslotte zijn er uitgebreide versies van de applicaties, bijvoorbeeld Notifier Pro waarin je HTML kunt gebruiken en gerichter popups kunt laten verschijnen in je webpagina’s.

Met een Max account kun je zelf applicaties ontwikkelen voor de Wibiya toolbar.

Opwaarderen kan altijd en begint met een niet-goed-geld-terug garantie van 30 dagen. Terugschakelen naar een goedkoper of gratis account gaat eenvoudig – Wibiya factureert de volgende maand het lagere bedrag.

Ondersteuning op de toolbar door Wibiya

Wibiya ondersteunt de toolbar goed via Get Satisfaction. Na de lancering van een nieuwe versie van de Wibiya toolbar kwam ik een bug tegen en heb ik kleine een functionele suggestie aangedragen. Binnen twee uur kreeg ik een reactie dat er actie op wordt ondernomen en de volgende dag functioneerde alles naar wens. Grotere wensen zijn natuurlijk minder snel te realiseren maar ook daar wordt aan gewerkt.

Neem ook eens een kijkje in het Wibiya Support Center voor FAQ’s en forums. Ook daar is direct contact met Wibiya mogelijk.

Tenslotte is het nog noemenswaardig dat op 15 november 2009 Wibiya anderhalf uur niet beschikbaar was wegens gepland onderhoud aan het onderliggende server platform van de hosting provider (Rackspace). Naast het feit dat Wibiya via Twitter communiceerde over de beschikbaarheid was de enige impact op mijn weblog dat er tijdelijk geen Wibiya toolbar zichtbaar was. Geen foutmeldingen dus, Wibiya zegt daarover: “we built our whole service not to interfere with the website in case its down“.