Videos einbinden in die Produktbeschreibung

Sie können bei Rakuten Videos einbinden. Was Sie beachten müssen, erkläen wir Ihnen hier.

Darum geht es

Sie können ein youtube- oder vimeo-Video in die Produktbeschreibung, in Kategorientexte, Blogartikel oder Inhaltsseiten einfügen.

In diesem Artikel zeigen wir Ihnen, wie Sie die entsprechenden Informationen für das Anzeigen eines Videos einfügen können.

So geht es

Produktvideos erhöhen die Kaufchancen Ihres Produkts.

Um ein Video in die Produktbeschreibung einzufügen, haben Sie die Möglichkeit, dies sowohl manuell wie auch per CSV-Import oder API-Nutzung zu integrieren.

Nutzen Sie die API zur Übertragung Ihrer Produktdaten, besteht ebenfalls die Möglichkeit, darüber Kategorietexte zu übermitteln. Auch hier können Sie dann Videos integrieren. Daneben können Sie über den Editor in der Shop-Administration den entsprechenden Video-Code hinzufügen. Per CSV-Import können keine Kategorietexte angelegt oder bearbeitet werden.

Beachten Sie bitte, dass das Hinzufügen eines Videos über ein <iframe> nur in der Shop-Administration erfolgen kann. Verwenden Sie idealerweise immer den folgenden <object>-Tag:

Sie können ein youtube- oder vimeo-Video in die Beschreibung (Produkt, Kategorie, Blog etc.) einfügen.

Hierfür steht ihnen ein Button zur Verfügung. Diesen finden Sie im Text-Editor auf der rechten Seite.

Videos können Sie so z.B. in der Produktbeschreibung einfügen, um dem Kunden auch einen Mehrwert zu bieten.

Youtube Video einbinden

Hierfür gehen Sie zunächst zu youtube und wählen das entsprechende Video aus.

Unter dem Video finden Sie folgenden Bereich:

Beachten Sie bitte, dass Sie die Erlaubnis zum Einbinden haben müssen. 

Klicken Sie dort auf Teilen und darunter auf Einbetten.

Einbinden bei manueller Produkt-Erstellung

Es wird ein Code angezeigt, den Sie einfach an der Stelle einbinden, an der Sie dieses haben möchten.

<iframe width="560" height="315" src="https://www.youtube.com/embed/XXXXX?rel=0" frameborder="0" allowfullscreen></iframe> 

Wenn Sie auf MEHR ANZEIGEN klicken, können Sie weitere Optionen auswählen, wie z.B. die Größe des Videos ändern. 

 

Danach kopieren Sie den erzeugten Code in das Fenster, das Sie erhalten, wenn Sie im Rakuten BackOffice auf klicken. 
Klicken Sie anschließend, wenn Sie den Code eingefügt haben, auf OK.

Über CSV und API

Die Methode per iframe funktioniert nicht über die Import-Funktionen. Hier müssen Sie folgenden Code verwenden:

 

<object width="560" height="315">
<param name="movie" value="http://www.youtube.com/v/XXXXX?rel=0&version=3&hl=de_DE"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/XXXXX?rel=0&version=3&hl=de_DE"
type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always"
allowfullscreen="true"></embed>
</object>

Ersetzen Sie bitte XXXXX durch den Videocode 

vimeo-Videos einbinden

Sie können auch Videos, die bei vimeo gehostet werden, einbinden.

Dazu benötigen Sie die Video-ID von vimeo.

Diesen finden Sie im Link des Vimeo-Videos, bspw. http://vimeo.com/VIDEO_ID

Daneben legen Sie bitte in der ersten Zeile des Codes die Breite und Höhe fest: 
<object width="WIDTH" height="HEIGHT"> → z.B. <object width="500" height="281">

Diese Werte geben Sie dann auch in der vorletzten Zeile ein unter 
width="WIDTH" height="HEIGHT">

 

<object width="WIDTH" height="HEIGHT">    <param name="allowfullscreen" value="true" />    <param name="allowscriptaccess" value="always" />    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&amp;server=vimeo.com&amp;color=00adef&amp;fullscreen=1" />    <embed src="http://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&amp;server=vimeo.com&amp;color=00adef&amp;fullscreen=1"        type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="WIDTH" height="HEIGHT"></embed> </object>

Audio-Datei einbinden

Sie können auch Audio-Dateien in Form von MP3 bzw. OGG z.B. in die Produktbeschreibung einbinden.

Dazu müssen Sie die Datei auf einem Webspace hochladen. In den Rakuten Shop können Sie die Datei nicht direkt integrieren.

Fügen Sie in die Produktbeschreibung über den Video-einfügen-Button

den folgenden Code ein: 

 

 <audio src="URL_ZU_IHRER_AUDIODATEI.mp3" controls > <a href ="URL_ZU_IHRER_AUDIODATEI.mp3">Fallback für IE < 9</a>  </audio>