Eenvoudig multimedia toevoegen aan artikelen in een popup of embed met Apture
Let op: Apture is op 11 november 2011 overgenomen door Google. Op websites die Apture gebruiken werkt vanaf 20 december 2011 het zoeken en arceren van teksten niet meer. HotSpots en AutoEnhance links zijn standaard tekst/links geworden.
Een plaatje zegt meer dan duizend woorden. Met Apture kun je artikelen van je weblog of webpagina’s op je website eenvoudig aankleden met multimedia zoals afbeeldingen, video’s, Wikipedia artikelen of kaarten van Google Maps. Zie Apture als een superlink.
Het voordeel voor:
- bezoekers van de website of het weblog
Bezoekers zien de gelinkte informatie in een popup, of direct op de pagina als embed. Zij hoeven hierdoor niet door te klikken naar een andere website. Je kunt het je bezoeker nog gemakkelijker maken doordat je (afhankelijk van de bron) ook nog eens gericht kunt linken naar een onderdeel van de multimedia. Denk hierbij aan een paar seconden uit een YouTube clip. De popup is door de bezoeker te vergroten (slepen met de vulgreep) en paginavullend te maken (fullscreen). Daarnaast kunnen bezoekers ook gewoon doorklikken op de betreffende link. Overigens kunnen bezoekers ervoor kiezen Apture uit te schakelen via het vraagteken linksonderin de popup. Hierin kunnen zij ook aangeven de Apture popups alleen te willen zien bij het aanklikken van een link (standaard verschijnt de popup als je met de muis een link aanwijst). - de schrijver van het weblog of eigenaar van de website
Het voordeel voor jou als schrijver van het weblog of eigenaar van de website is dat de kans groter is dat de bezoeker wat langer op je website blijft doordat doorklikken niet nodig is. Daarbij kun je vanaf een popup scherm snel tientallen bronnen op multimedia doorzoeken. In een Apture weergave kun je meerdere multimedia items opnemen.
Apture experimenteert met Apture Hotspots. Tekst die bezoekers regelmatig selecteren en vervolgens in Google plakken wordt dan automatisch een link naar een Apture zoekbox zodat minder bezoekers je website verlaten.
Er zijn Apture plugins beschikbaar voor WordPress, TypePad, Ning, Drupal, Blogger/Blogspot, Movable Type en Tumblr waarmee je snel links en embeds aan kunt maken. Daarnaast biedt Apture HTML code aan die je eenvoudig kunt gebruiken op platformen waar geen specifieke ondersteuning voor is (de Apture “Super Embed”).
Al dit moois is ook nog eens gratis (tot 5 miljoen pageviews). En de catch? Heb ik nog niet gevonden!
Er zijn twee manieren om te linken naar informatie:
- Tekst (Add Apture Link)
Bij een tekstlink selecteer je een deel van een zin waarvan je een link wilt maken en vervolgens op de knop “Add Apture Link”. De bezoeker ziet naast een dergelijke link een klein icoon in de tekst. - Embedded (Add Apture Embed)
Om te embedden klikt de auteur op de plek waar de multimedia moet worden weergegeven en vervolgens op de knop “Add Apture Embed”. In dit geval ziet de bezoeker de multimedia direct in het artikel of de webpagina.
Daarnaast kan Apture links naar specifieke websites op de pagina herkennen en automatisch van een popup voorzien met “Auto Enhance”. Een link naar het Twitter account van Patrick Mackaaij zal zo automatisch door Apture van een popup worden voorzien zonder dat je daar als auteur nog aan hoeft te denken. Als je het leggen van links liever in eigen hand houdt dan kun je via website van Apture deze functionaliteit beperken of zelfs geheel uitschakelen.
Experimenteren met Apture
Apture heeft verschillende manieren om ervaring op te doen met het invoegen van multimedia, zonder dat je daar direct al wijzigingen in je weblog of website voor hoeft aan te brengen.
Zo zijn er een aantal demonstratieteksten op de website van Apture beschikbaar in de categorieën muziek, politiek, reizen, sport, entertainment en opleiding. Klik in het venster van een van deze teksten op de knop “Edit This Post” en sluit de gele popup na deze gelezen te hebben. Je kunt nu experimenteren met het invoegen van links en embeds en de tekst opnieuw bekijken via “Preview’”. Dit is de manier waarop Apture zal werken in weblog software zoals WordPress waarvoor een plugin beschikbaar is (deze werkt als je zelf je WordPress blog beheert, helaas niet via WordPress.com).
Daarnaast kun je vanaf bijvoorbeeld de homepage van Apture onder “Try Apture On Your Own Site Now” een webadres invullen. Apture toont deze pagina dan in een “Sandbox” (zandbox) mode waarin je links invoegt door een tekst te selecteren. Embedden doe je in deze modus door tussen twee alinea’s te klikken, dat is mogelijk waar Apture een horizontale balk toont. Deze “Post-Publishing plugin” beschrijf ik verderop in wat meer detail in het kader van samenwerken met meerdere auteurs.
Ook met het aanmaken van een Apture “Super Embed” zie je goed hoe de Media Hub werkt. Als je vervolgens klikt op “Create Embed” dan genereert Apture HTML code die op veel plekken bruikbaar is. Daarnaast krijgt een Super Embed ook een vast webadres (permlink) waardoor je de Super Embed snel kunt delen via bijvoorbeeld Facebook, MySpace, Twitter (of gewoon e-mail natuurlijk).
Multimedia verzamelen via de Apture Media Hub
Na het selecteren van tekst of het klikken op een embed knop kun je diverse bronnen doorzoeken op multimedia content. Afhankelijk van de bron zijn extra zoekopties of manieren van embedden mogelijk. Als er veel zoekresultaten zijn dan kun je daar doorheen bladeren. De Apture Embed hieronder toont een afbeelding van de Apture Media Hub. Als gerelateerde items zijn onder de afbeelding video’s opgenomen van een weergave van Twitter en de bediening van Apture (met een wat oudere versie van de Media Hub).
De eerste categorie van bronnen in de Media Hub is “Explore”. Deze doorzoekt een aantal veelgebruikte bronnen en geeft ook multimedia weer die je eerder hebt gebruikt (Previously Linked). Je kunt specifieker zoeken op:
- Video
YouTube, Reuters, Truveo, Dailymotion, imeen Video, Hulu, Comedy Central, ESPN, Medavid.
Afhankelijk van de bron kun je de start- en of eindtijd opgeven. - Image
Flickr, Yahoo Image Search, Wikipedia Commons, Bing Image Search, PicApp.
Bij Flickr kun je de zoekopdracht naar een afbeelding beperken tot “Freely Licensed”. - Reference
Wikipedia, Amazon, CrunchBase, U.S. Congress, IMDB.
Binnen Wikipedia kun je via de inhoudsopgave linken naar een specifiek onderdeel van de pagina. Als je over een Amazon Affiliate Code beschikt dan kun je deze op de website van Apture aangeven waarna de code automatisch zal worden ingevoegd. - Map
Google Maps, Street View.
Je kunt de kaartweergave afstemmen op je behoefte door punaises (pushpins) te gebruiken en een specifieke weergave te kiezen (In- en uitzoomen, Kaart, Satelliet of Beide). - Audio
imeem Music, NPR. - Document
SlideShare, Google Books, Scribd.
Je kunt vaak (indien gewenst) scrollen en zelfs inzoomen tot het gedeelte dat je precies wilt laten zien. Apture Highlights is overigens ook geïntegreerd in Scribd zodat je door een woord te selecteren via de popup “Learn More” verwante tekst, foto’s en video’s kunt opzoeken. - Person
Twitter, LinkedIn, U.S. Congress
Binnen U.S. Congress kun je via de inhoudsopgave linken naar een specifiek onderdeel van de pagina. Bij Twitter kun je kiezen naast het profiel van iemand ook het resultaat van een zoekopdracht weergeven. Bezoekers van de pagina kunnen in de popup/embed doorklikken naar andere profielen, hashtags, locaties en natuurlijk multimedia dit via Twitter is gelinkt (Twitpic foto’s maar ook video en audio). - News Article
Daylife, Reuters, Guardian, NYTimes, Washington Post, BBC News.
Apture berekent een tekstsnippet waarnaast je een afbeelding kunt tonen. - Web Page
Yahoo Web Search, Bing Web Search.
Apture berekent een tekstsnippet waarnaast je een afbeelding kunt tonen.
Sommige URL’s worden direct herkend in de Media Hub, denk hierbij aan:
- De URL van een tweet in Twitter resulteert in een popup/embed met alleen die specifieke tweet.
- Een FriendFeed resulteert in een popup/embed met deze FriendFeed.
Naast de bronnen waar Apture een speciale voorziening heeft getroffen kun je ook:
- Zelf bestanden uploaden met Upload File
Naast media op internet kun je zelf ook materiaal uploaden dat nog niet op internet beschikbaar is. Apture slaat deze documenten vervolgens op een Amazon S3 server en rekent daarvoor geen kosten door. Sommige weblogs uploaden daardoor multimedia van hogere kwaliteit doordat zij niet zelf opdraaien voor de kosten van de benodigde bandbreedte. - Specifieke pagina’s onderzoeken met Enter a Specific URL
Je kunt het adres van een specifieke webpagina opgeven waarna Apture probeert daar de juiste media uit weer te geven. - Embed Code invoegen met Use Embed Code
Sommige websites bieden via een optie “Share” of “Embed” HTML code aan die je kunt plakken in deze optie. Dergelijke HTML code begint meestal met <object> of <embed>. Er is een lijst met websites waarvan de Embed Code door Apture wordt ondersteund.
Verder kun je via “Customize Content Sources” (rechtsbovenin) bepaalde bronnen uitsluiten. Als je video’s alleen via YouTube wilt zoeken dan kun je bijvoorbeeld Hulu uitsluiten. Via deze optie kun je ook bronnen toevoegen. Op deze manier kun je je eigen YouTube kanaal binnen Apture gebruiken of een specifieke weblog of website (die van jezelf of een waar je vaak aan refereert) als bron toevoegen.
Na het opzoeken van de multimedia content kun je dus vaak specifieke gedeeltes opzoeken om naar te linken, denk aan de YouTube clip. Bovenaan de Media Hub staat dan “Show: Preview & Options”. Daarnaast kun je via “Show: Title & Caption” de titel van de popup opgeven, alsmede een bijschrift. Ook kun je de grootte van de embed of popup aanpassen via “Show: Content Size”.
Je kunt de Apture Media Hub nu afsluiten of meer gerelateerde multimedia content opzoeken en toevoegen als “Related Items” zoals in de embed hierboven. Sleep ze eenvoudig naar het linkerdeel van het scherm. Het “Primary Item” zal groot worden weergegeven in de popup of embed, de “Related Items” kleiner eronder. Je kunt de volgorde na het toevoegen van materiaal eenvoudig aanpassen door te slepen. Op deze manier kun je in één popup/embed zeven multimedia items linken.
Media rechtstreeks op de website linken met de Post-Publishing plugin
Voor het toevoegen van links hoef je geen gebruik te maken van de software waarmee je normaliter je website of weblog beheert. Standaard activeer je met de letter “e” het Apture Dashboard van een website. Nadat je bent ingelogd kun je tekst linken door deze te selecteren of een embed invoegen door tussen de alinea’s te klikken. De links worden in dit geval niet opgeslagen op de website zelf maar op een site van Apture. Dergelijke links zijn dan ook niet indexeerbaar door een zoekmachine.
Op deze manier kun je wel via de Apture website meerdere auteurs rechten geven om de multimedia content op de pagina’s te beheren. Je kunt ervoor kiezen voor de hele website de zogenaamde “Wiki Mode” te activeren en heel de wereld je website laten verrijken. De rechten kun je beperken doordat je apart kun kiezen voor:
- links toevoegen;
- content embedden;
- elkaars links bewerken.
Je kunt ook specifieke onderdelen van een pagina beschikbaar stellen voor deze “Wiki Mode” door deze te omsluiten met de volgende SPAN-tags:
- Start: <span id=”aptureStartContent”></span>
- Einde: <span id=”aptureEndContent”></span>
Naast heel de wereld toegang geven kun je via de website van Apture ook auteurs uitnodigen (“Manage Editors”). De drie eerder genoemde rechten kun je dan ook op specifieke auteurs toepassen.
Apture Magic Search Bar
Volgens onderzoek van Apture scrollen inmiddels meer dan 70% van de bezoekers waardoor de naam van de website en de zoekfunctie direct van het scherm verdwijnen. Meer dan 30% verlaat snel je website en zoekt verder op basis van gevonden trefwoorden op de webpagina.
De gratis Apture Magic Search Bar die je ook bovenaan dit artikel kunt zien toont de naam van je website of een eigen logo. Apture schreef ook een instructie voor het gebruiken van een eigen transparant logo. Met de Apture Magic Search Bar blijft de naam van je website zo altijd zichtbaar in beeld.
De Apture Magic Search Bar verschijnt pas als een bezoeker scrollt, tot die tijd ziet de bezoeker dus gewoon de normale header van je website. De Apture Magic Search Bar verdwijnt ook weer als een bezoeker naar boven scrollt en de bezoeker kan ‘m verbergen met de greep linksbovenin.
Op de Apture Magic Search Bar is aan de rechterkant een zoekoptie opgenomen die zoekopdrachten ook helpt aan te vullen (auto-complete). De Apture Magic Search Bar toont zoekresultaten van Google, Wikipedia, YouTube, Twitter en natuurlijk artikelen van de website zelf. De zoekresultaten worden als overlay op jouw website getoond met tabbladen voor gerelateerde foto’s en video’s.
Zodra een bezoeker minder dan 40 karakters tekst selecteert verschijnt er een klein knopje “Search” waarmee een zoekopdracht voor de geselecteerde tekst kan worden uitgevoerd. De Apture Magic Search Bar start zelfs automatisch een zoekopdracht als een gebruiker tekst naar het klembord (clipboard) kopieert. De bezoeker kan zo dus wat extra informatie ophalen zonder jouw webpagina te verlaten.
Daarnaast kun je via de geavanceerde instellingen van Apture een zogenaamd “Search Network” maken bestaande uit gerelateerde websites die voor jouw bezoekers interessant zijn. Zo laat ik een zoekopdracht op dit weblog ook uitvoeren op Lifehacking.nl hetgeen je terug ziet in de resultaten als “Results from Een manier om…’s network”. Daarvoor heb ik http://lifehacking.nl/ toegevoegd. Je kunt ook je eigen YouTube Channel toevoegen aan de instellingen waardoor aan de zoekopdracht gerelateerde video’s van dit kanaal worden getoond.
N.B.: De Magic Search Bar biedt bezoekers die de site via een zoekmachine zoals Google of Bing benaderen aan om verder te zoeken op de zoekterm binnen jouw website.
Op de Apture Magic Search Bar staan ook knoppen om de pagina te delen via Facebook, Twitter of E-mail. Zodra een pagina is gedeeld dan zie je dat in de teller zoals onderstaand screenshot toont.
Tip: Stel bij het activeren van de Apture Magic Search Bar je eigen Twitter gebruikersnaam in zodat mensen naar aanleiding van een interessant artikel kunnen overwegen je te volgen op Twitter. Standaard gebruikt de Apture Magic Search Bar “@Apture”.
Apture stuurt de eigenaar van de website een wekelijks rapport over het gebruik van de Apture Magic Search Bar. In het rapport staan bijvoorbeeld de meest gebruikte zoekopdrachten en het aantal malen dat artikelen in de afgelopen week gedeeld zijn via Facebook, Twitter en e-mail.
Apture Highlights Browser Extension: een Apture Magic Search Bar op iedere website
Maak je graag gebruik van de Apture Magic Search Bar om snel even wat op te zoeken in een popup? Voor een aantal veelgebruikte webbrowsers heeft Apture een extension/plugin geschreven die dat mogelijk maakt. Nadat je de Apture Highlights Browser Extension hebt geïnstalleerd verschijnt de popup “Search” die je ook op deze website ziet op álle websites. Je kunt de hele Apture Magic Search Bar waarmee je naast zoeken ook de pagina kunt delen oproepen met de sneltoets Ctrl+Shift+L.
Apture installeren
Om direct aan de slag te gaan met Apture op jouw specifieke platform ga je naar http://www.apture.com/plugin/. Aanvullende instructies kun je vinden in het onderdeel met installatie instructies van de Apture help.
Voor een aantal veel gebruikte platformen zoals WordPress is er een plugin beschikbaar, voor andere websites voeg je de Apture JavaScript in, die ziet er als volgt uit:
<script id=”aptureScript” type=”text/javascript” src=”http://www.apture.com/js/apture.js?siteToken=WEBSITE TOKEN” charset=”utf-8″></script>
Toekomstige ontwikkelingen van Apture
Blijf op de hoogte van de ontwikkelingen van Apture via Twitter of het Apture weblog. Of geef Apture feedback via Get Satisfaction.
De volgende wensen zijn al doorgegeven:
- Hoewel we in Europa ook gebruik maken van YouTube, Flickr, Wikipedia, Twitter, IMDB, Google en Amazon zou ik additionele bronnen zoals de kranten, Bol.com en Managementboek.nl op prijs stellen. Ook de Nederlandstalige Wikipedia is nog niet standaard beschikbaar in Apture.
- Vaak schrijf ik een artikel in Windows Live Writer waar Apture momenteel niet beschikbaar is. Na het uploaden van het artikel naar mijn weblog voeg ik dan de multimedia in.
- WordPress kent een zogenaamde fullscreen mode die handig is bij het schrijven van de wat langere artikelen (zoals op dit weblog). In de toolbar in fullscreen mode ontbreken de Apture knoppen.
- Het zou mooi zijn als je in de Twitter weergave niet alleen kunt doorklikken naar het profiel van iemand die genoemd is (@mention) maar in geval van een @reply ook naar de specifieke tweet waarop is gereageerd. Of nog mooier: geef de hele conversatie weer. Ook zou het mooi zijn als je links naar de webpagina als gerelateerde items kunt laten zien (via Backtype).
Apture: Don’t quote it, link it