Ich möchte eine kurze Zusammenfassung geben, worum es sich bei Cliplister handelt, warum es sinnvoll sein kann Produktclips in einem Online-Shop zu zeigen und darüber berichten, wie man den Cliplister-Dienst in einen Webshop integriert.

Was ist Cliplister?

Cliplister ist ein 2007 gegründetes Unternehmen mit Sitz in Kiel, das den Herstellern die Distribution ihrer Produktvideos an Händler und Partner erlaubt. Die Produktvideos der Hersteller werden geprüft, katalogisiert, für die Ausstrahlung im Internet optimiert und den teilnehmenden Shops bereitgestellt. Nach eigenen Angaben bietet Cliplister derzeit über 50.000 Clips von über 1000 Herstellen an. Shopbetreiber können auf diese optimierten Clips über eine ProduktID (in der Regel die EAN) zugreifen und sie in ihren Webshop an verschiedenen Stellen wie Produktdetailansicht, aber auch in der Navigation oder auf Teaserseiten darstellen.

Sowohl dem Hersteller wie auch dem Händler stellt Cliplister Reporting-Tools zur Verfügung, die genaue Statistiken über die Nutzung der Clips erlauben. Während der Dienst für die Hersteller vollkommen kostenlos ist, zahlt der Betreiber des Shops eine monatliche Gebühr und ein Entgeld pro Videoabruf. Das Basispaket gibt es für 99 Euro. Dieses beinhaltet einmalig 2.500 Clipabrufe. Ansonsten kostet Cliplister 179 Euro monatlich. Wobei die Videoabrufe einzeln berechnet werden. Die ersten 100.000 Abrufe kosten jeweils 1,4 Cent pro View.

Warum Videoclips verkaufsfördernd sind

Die Darstellung von Produktdaten in Online-Shops erfolgt in der Regel duch Text und Bild. Diese Mittel sind in der Regel ausreichend, um eingehend über ein Produkt und dessen Merkmale zu informieren.
Videoclips können als zusätzliche Informationsquelle dienen, die auch den Umgang mit einem Produkt erklärt. (wie funktioniert eigentlich dieser Laserentfernungsmesser?)

Der größte Vorteil von Videos könnte jedoch sein, dass sie den Betrachter viel stärker emotional ansprechen können als eine reine Präsentation über Produktbilder. Trailer von Computerspielen oder DVDs reißen den Betrachter in Ihren Bann. Mobiltelefone und Kaffeeautomaten lassen sich bis ins Detail vorführen und erzeugen (falls die Clips gut sind) sofort ein “Will Haben!”-Gefühl.

Die Clips können den Besucher also nicht nur in der Kaufentscheidung bestärken, sondern wecken womöglich erst das Kaufinteresse!

Baur hat in einem eigenen, mehrmonatigen A/B-Test festgestellt, dass durch den Einsatz von Videoclips  die Konversion gesteigert werden konnte. Ausserdem sei für Sales auf den Seiten mit Videos eine “hervorragende Kosten-Umsatz-Relation” erreicht worden, was wohl soviel heißt, dass durch die Produktvideos die Retourenquote gesenkt werden konnte. (Quelle: Pressemitteilung)

Integration

Cliplister bietet für einige Umgebungen bereits vorgefertigte Bibliotheken an. Für PHP sind das zwei Funktionen, die ASP.NET Bibliothek besitzt zwei Visual Basic-Klassen und für JAVA gibt es zwei Java-Klassen, sowie eine überschaubare Tag Library.

Darüber hinaus gibt es eine kleine Anleitung speziell für Intershop Enfinity und XT:Commerce. (ich sag’s ja nur

Unabhängig von der verwendeten Technologie wird die Verbindung zwischen Shop und Cliplister-Server mit den  Zugansdaten (custID=Kundennummer und custKey=Kundenschlüssel) konfiguriert und eine URL mit diversen Parametern aufgebaut. (Integrationstyp, Höhe, Breite, Qualität des Videos, ProduktId, Typ der ProduktId, Timestamp, etc.) Da der Timestamp Bestandteil der URL ist, kann es sein, dass ein Link nur eine bestimmte Zeit gültig ist. Mir ist bei der Implementierung jedoch kein Verfallsdatum aufgefallen. Die Videolinks sind mindestens eine Woche lang gültig.

Die genauen Parameter und deren Bedeutung kann man in der Cliplister Dokumentation nachlesen (bei Interesse bitte nachfragen). Interessanter jedoch sind meiner Meinung nach die Fallstricke und die Erfahrungen die ich bei der Einbindung des Dienstes gemacht habe.  Deshalb möchte ich kurz die Integration mittels taglib und den Java-Klassen beschreiben.

Grundsätzlich gibt es zwei verschiedende Typen der Integration. Beide liefern ein IFRAME mit dem von Cliplister-Dienst zurückgegebenen HTML-Code zurück.

EmbdVideo bettet das Video in die Shopseite ein. Es lässt sich per Parameter bestimmen, ob das Video gleich startet (direkt) oder ein PlayButton zu sehen ist (indirekt), den der Benutzer erst drücken muss.

<cliplister:EmbdVideo product="#Product:EANCode#" style="0" xsize="320"
ysize="262" indirect="0" lang="de" fsk="16" />


videobtn zeigt im IFRAME einen Playbutton, der beim Klick ein Popup mit dem Video öffnet.

<cliplister:videobtn product="#Product:EANCode#” lang="de" fsk="16" quality=”50”/>

Da es nicht garantiert ist, dass zu jeder ProduktId auch tatsächlich ein Video existiert, ist die Methode EmbdVideo nur sinnvoll, wenn man vorher manuel das Vorhandensein des Clips überprüft hat. Andernfalls kann es passieren, dass ein riesiges leeres IFRAME mittem auf der Produktdetailseite erscheint. Ein nicht vorhander Playbutton lässt sich da meist leichter kaschieren. Was im Falle des Nicht-Vorhandenseins eines Clips angezeigt wird, kann man im Cliplister-Backoffice konfigurieren.

Der Standard für den Playbutton, falls kein Video vorhanden ist sieht so aus:
<html><body style="background-color:transparent" /></body></html>

Das sieht im ersten Moment zwar gut aus, zeigt es doch im Mozilla Firefox eine durchsichtige Fläche und somit den Hintergrund der aktuellen Seite. Im Internet Explorer zeigt es jedoch eine weiße Fläche! Das ist mitunter kein Augenschmeichler!

Der Standard für den Playbutton, falls ein Video vorhanden ist:


<html>
<body style="margin:0; padding:0;">
<input type="image"
src="http://mycliplister.com/static/playbtn.png" width="34""
height="34" onClick="window.open('$URL$','newwindow',
config='height=$HEIGHT$,width=$WIDTH$, toolbar=no, menubar=no,
scrollbars=no, resizable=no,location=no, directories=no,
status=no'); return false;">
</body>
</html>

Es wird also ein 34 x 34 Pixel großer Playbutton im Cliplister-Design ausgeliefert. Möchte man diesen austauschen, muss man wieder ins Backoffice von Cliplister. Dort hat man pro Integrations-Methode 99 so genannter Slots, in denen man die oben genannten Snippets konfigurieren kann.

Etwas für die HTML-süchtigen Leser: Was stimmt am folgenden Snippet nicht? (Standard für den indirekten Player, wenn ein Video vorhanden ist)


<html>
<body style="background-color:transparent" /></body>
<div style="text-align:center"><a style="margin:0" href="$URL$">
<img border="0" src="http://mycliplister.com/static/play_qvga.png"></a>
</div>
</html>


Crosssite-Scripting

Wenn man eine Seite erstellt, die ein Produktclip von Cliplister zeigt, sollte man unbedingt darauf achten, dass es nicht von Dritten mißbraucht werden kann, etwa indem der Clip mittels externen Parametern gesteuert oder gar erneut via IFRAME auf externen Webseiten integriert werden kann.

An Cliplister gefällt

• Die Integration ist denkbar einfach – Die Tag Library ist schnell an Ort und Stelle und die paar Parameter sind schnell gesetzt.
• Ist ein Video nicht verfügbar gibt es durch die Integration via IFRAME keine Verzögerung bei der Auslieferung der Shop-Seite. Timeouts, die sonst bei Server-2-Server-Kommunikation entstehen spielen keine Rolle.
• Die Zuordnung vie EAN funktioniert reibungslos, jedem Artikel lässt sich so genau das richtige Produktvideo zuordnen.
• Es ist möglich die Clips auch über eine individuelle ProduktId (bswp. Artikelnummer oder Bestellnummer) zu mappen.
• Die Cliplister-Server machen einen guten Job, ruckelnde Videos sind nicht aufgefallen.
• Die Sprache der Clips lässt sich ebenfalls konfigurieren. Wählt man deutsch hat man entweder deutsche Clips oder zumindest deutsche Untertitel)

An Cliplister missfällt

• FRAMES und IFRAMES sind (wir wir alle wissen) Teufelswerk und gehören in dessen Küche.
• Eine separate Abfrage, ob es zu einem Produkt ein Video existiert, gibt es leider nicht – der Platz für das IFRAME muss also immer reserviert werden. – Das schmerzt vor allem, da sich die Höhe von IFRAMEs nicht an deren Inhalt anpassen lassen.
• Die Java-Klassen folgen keiner Konvention: EmbdVideo.java vs. videobtn.java sagt bereits Einiges aus. Das eine Mal ist der Member height ein Integer, das andere Mal ein String

Ich glaube, dass die Verwendung von Produktvideos in Online-Shops noch an Bedeutung gewinnen wird. Cliplister bietet derzeit als einziger Anbieter ein derart großes Portfolio an originalen Produktvideos und braucht sich in der Hinsicht nicht vor Youtube oder anderen Video-Portalen zu fürchten, da dort original Videos und selbstgedrehte Clips (derzeit) kaum voneinander getrennt werden können und ein Aufruf eines speziellen Produktvideos per API nicht möglich ist.

Die Unterstützung der Shopbetreiber durch vorgefertigte Bibliotheken ist ausreichend, die Integration beinahe schon trivial.  Es bleibt zu wünschen, dass sich die Qualität der zur Verfügung gestellten Quelltexte verbessert und eine separate Schnittstelle zur Ermittlung der Clipverfügbarkeit hinzukommt.