Das Sovido-System lässt sich allgemein für alle Shopsysteme integrieren. Hierzu ist lediglich ein CSV-Export der Artikel und eine einfache Anpassung der Artikeldetailseite notwendig.

CSV-Export

Zunächst legen wir ein neues Projekt an. Als "Art der Website" wird nun der Punkt "Anderes Shopsystem" ausgewählt.

Als nächstes ist die Erstellung eines CSV-Exports erforderlich. Hierzu orientieren Sie sich bitte an dem folgenden Beispiel:

Die erste Zeile wird beim Importieren ignoriert und dient zum besseren Verständnis, welche Daten im Export voneinander separiert sind. Die einzelnen Werte können entweder durch ein Komma (,) oder durch ein Semikolon (;) voneinander getrennt werden.

Bitte platzieren Sie die CSV so in Ihrem System, dass Sie über eine URL erreichbar ist. Diese URL tragen Sie nun in Ihr Projekt ein.

Unser System überprüft nun, ob die eingetragene CSV erreichbar und gültig ist. Sofern dies der Fall ist, startet der Import der Artikel automatisch.

Anpassung der Artikeldetailseite

Die Artikel sind nun im System importiert, jetzt muss noch das Template für die Artikeldetailseite angepasst werden. Hierzu sucht man sich eine passende Stelle aus und fügt den folgenden HTML Code hinzu:

Bitte passen Sie den Style an Ihre Bedürfnisse an. Sofern Sie keine Größenangaben an des Element übergeben, passt sich der Player automatische an.

Zuordnung der Artikel

Laden Sie zunächst ein Video hoch und wählen Sie das Video danach aus der entsprechenden Videogruppe oder dem Menüpunkt „Alle Videos“ aus. Unter dem Reiter "Video einbinden" unterhalb des Videos können Sie nun die zuvor importieren Artikel finden und mit dem Video verknüpfen.

Sobald der Artikel zugeordnet ist, wird das Video an zuvor gewünschter Stelle auf der Artikelseite angezeigt.

2. Einrichten‌‌
Klickt auf den Button "2-Faktor-Authentifizierung einrichten". Ihr benötigt zur Nutzung des 2FA-Systems ein Smartphone sowie eine  sogenannte "OTP-App", mit der die Zugangscodes generiert werden. Hierzu kann beispielsweise die App "Authy" oder "Google Authenticator" genutzt werden.‌‌‌‌

Authy
Google Play Store
Apple App Store

Google Authenticator
Android Play Store  
Apple Store

Wählt nun den Schalter "Ich möchte mit der 2FA-Einrichtung beginnen" und klickt" Auf "2-Faktor-Authentifizierung einrichten".

3. QR-Code scannen und Code eingeben
Nun wird euch ein QR-Code angezeigt, die ihr mit eurer unter Punkt 2 heruntergeladenen OTP-App einscannen müsst.  

Die App zeigt euch einen Code an, den ihr in das dafür vorgesehene Feld "Aktueller OTP-Code" eingeben müsst. Mit dem Klick auf "Einrichtung abschließen" wird die 2-Faktor-Authentifizierung aktiviert.

4. Backup-Codes
Auf der folgenden Seite werden euch Codes angezeigt, mit denen ihr euch auch ohne Smartphone einloggen könnt. Die Codes sind für den Fall gedacht, dass ihr euer Smartphone verliert und die 2FA-Authentifizierung neu einrichten müsst.

Solltet ihr Schwierigkeiten mit der Einrichtung oder mit eurem Login haben, meldet euch bitte an unseren support unter support@sovido.de

‌‌Wählt ein neues Layout aus (je nach Wunsch als Shopseite / Landingpage / Kategorieseite /Sidebar / Volle Breite).

Benennt das neue Layout z.B. als Sovido-Kategorie.

‌‌Klickt rechts auf das + für "Blöcke". Unter "Block-Kategorie" wählt ihr "Video" aus.

Nun erscheinen rechte die Banner für die Video-Hoster. Leider sind wir in den Video-Blöcken unter Youtube und Vimeo angeordnet. Ihr müsst also nach unten scrollen.

Den Video-Block könnt ihr nun einfach per Drag & Drop auf die Shopseite ziehen.

Ihr habt jetzt einen leeren Video-Block eingefügt.

Um das Video einzubinden, klickt ihr auf das Zahnrad für Einstellungen.

In das Feld "Embed Code" könnt ihr nun den Sovido-Embed-Code einfügen.

Hierzu wechselt ihr in euren Sovido-Account und wählt das gewünschte Video aus.

Gebt den Namen eures Projektes (also eures Online-Shops) in das Suchfeld ein.

Kopiert den hier angezeigten Embed-Code.

Wechselt wieder in euren Shopware 6 Shop und fügt den Embed-Code in das Feld ein.

Mit dem Klick auf "Fertig" wird das Video gespeichert und eingebunden

Die Darstellung in eurem Shopware-Shop bleibt unverändert. Sollte dem Block noch keine Layout-Kategorie zugeordnet sein, könnt ihr diese im nächsten Schritt definieren.

Das Video wird euch auf der festgelegten Seite angezeigt.

Alternative: Es ist auch möglich bereits bestehende Elemente durch den Sovido-Player zu ersetzen. Klickt hierzu das Element an und wählt oben den Austausch-Pfeil.

Im Menü "Element austauschen" findet ihr den Sovido-Block.

‌

Für Shopware 6 Projekte wird eine REST URL und ein API-Schlüssel benötigt. Sollten euch diese Daten bereits vorliegen, könnt ihr diese hier direkt eintragen. Andernfalls speichert ihr das Projekt und ergänzt die Daten später wie in Punkt 1.1.1 beschrieben.

1.1.1 ‌‌‌‌Artikel importieren‌‌
Im Sovido-Projekt (unter "Integration") müsst ihr einen API-Schlüssel für den Artikelimport eintragen. Den API-Schlüssel findet ihr in eurem Shopware Backend.    ‌‌‌‌

API-Anbindung
Unter "Verkaufskanäle", bei uns als "Storefront" benannt, findet ihr die "Allgemeinen Grundeinstellungen".

‌‌Scrollt nach unten bis zum Punkt "API-Zugang" und kopiert euch den "API-Zugangsschlüssel". ‌‌‌‌Wechselt zurück in euren Sovido-Account und tragt den API-Schlüssel ein.  Bei Shopware-Versionen vor 6.4 muss die URL auf /store-api/v3 enden, bei neueren Versionen nur auf /store-api.

Sobald diese Daten eingetragen sind werden eure Artikel in euren Sovido-Account importiert und regelmäßig über eure API aktualisiert.

‌‌1.1.2 Video-Sitemap anlegen‌‌‌‌‌‌
Unter SEO & Domains könnt ihr eure Shop-Domain eintragen. Dadurch wird eine Video-Sitemap für die Suchmaschinenoptimierung der Videos (Video-SEO) angelegt.

2. Shopware 6 Plugin

‌‌‌‌Ladet euch unser Plugin im Shopware-Store herunter. Anschließend findet ihr es in eurem Shop-Backend unter Einstellungen / System / Plugins. Unser Plugin trägt den Namen "Sovido: Videoplattform für E-Commerce".

2.1 Plugin installieren und konfigurieren
Nun installiert ihr das Plugin.‌‌‌‌

Klickt auf "aktivieren".

Anschließend auf "Konfiguration".

Das Plugin muss für Verkaufskanäle aktiviert werden. Wenn ihr nur einen einzelnen Shop betreibt, wählt ihr unter Verkaufskanal "Alle Verkaufskanäle".

Betreibt ihr mehrere Shops, wählt zunächst einen Shop/Verkaufskanal aus und nehmt die Konfiguration für diesen Shop vor. Jeder Shop/Verkaufskanal muss einzeln konfiguriert werden. (Es besteht die Möglichkeit unser Plugin für einzelne Verkaufskanäle zu deaktivieren.‌‌) ‌‌‌‌‌‌


Wechselt nun in euren Sovido-Account. Klickt auf "Projekte" und wählt das jeweilige Projekt aus. In der Seiten-Navigation findet ihr den Punkt "Integration". Unter diesem wird euch die Projekt- und Account-ID angezeigt.

Die Account- und Projekt-ID fügt ihr in das Plugin ein und klickt auf "Speichern".

‌
2.2 Player-Platzierung‌‌‌‌
Unter "Position des Sovido-Players" legt ihr fest, an welcher Stelle auf euren Artikelseiten der Sovido-Video-Player angezeigt werden soll. Dies ist eine Standard-Konfiguration nach der alle Videos auf Artikelseiten eingebunden werden. Ihr legt die Position einmalig fest. Ändert ihr die Position des Players zu einem späteren Zeitpunkt, wechseln alle bereits eingebundenen Videos live zu der neuen Position. Ihr könnt hier also  auch zum späteren Zeitpunkt testen. ‌‌‌‌‌‌‌‌Für die Position des Sovido-Players gibt es im Plugin verschiedene Auswahlmöglichkeiten:‌‌‌‌‌‌‌‌

1. Thumbnail auf der Artikeldetailseite, oberhalb des Players. Hier ein Beispiel:

2. Thumbnail auf der Artikeldetailseite, unterhalb des Players.  Hier ein Beispiel:

3. In der Beschreibung auf der Artikeldetailseite. Hier ein Beispiel:

4. Eigenständiger Tab / Reiter auf der Artikeldetailseite‌‌. Hier ein Beispiel:

‌‌5. Eigenständige Integration im Template.
Diese Position ist ein Sonderfall, wenn ihr euren Video-Player an einer individuellen Position platzieren möchtet oder wenn ihr ein stark individualisiertes Template verwendet, in dem unsere Standard-Positionen nicht funktionieren. Hier ein Beispiel:

Für die "Eigenständige Integration im Template" benötigt ihr einen der folgenden Includes.

• Sovido-Video mit fester Breite 640px u. Höhe 360px:{% sw_include '@Storefront/storefront/sovido/sovido-video.html.twig' %}
• Sovido-Video responsive: ‌‌{% sw_include '@Storefront/storefront/sovido/sovido-video-responsive.html.twig' %}
• Sovido-Video mit Lightbox:{% sw_include '@Storefront/storefront/sovido/sovido-video-lightbox.html.twig' %}

Die Includes können zielgenau im Shopware-Template platziert werden. Die jeweilige Projekt-Id sowie die Account-ID werden aus der Plugin-Konfiguration genutzt sowie automatisch die Artikel-Id auf der Artikeldetailseite übernommen. ‌‌‌‌Nachdem alle Daten korrekt hinterlegt sind, wird das Video dargestellt. Sollten Daten nicht korrekt sein oder einem Artikel kein Video hinterlegt sein, wird dieses nicht dargestellt.‌‌ Auf Wunsch leisten wir gerne Hilfestellung bei der Platzierung.

2.3 Video-Sitemap
‌‌‌‌Im Projekt eures Sovido-Accounts habt ihr (unter Schritt 1) die Video-Sitemap bereits angelegt. Diese wird allerdings bislang noch nicht an Google übermittelt.   ‌‌‌‌Im SW 6 Plugin unter "Wie möchten Sie die Sovido-Sitemap nutzen?" habt ihr verschiedene Möglichkeiten die Video-Sitemao einzusetzen. Im Standard wird die Shopware-Sitemap durch die Sovido-Sitemap erweitert. Es besteht aber auch die Möglichkeit die Sitemap als eigenständige Datei abzulegen oder die Sitemap vollständig zu deaktiveren. Solltet ihr die Sitemap als eigenständige Datei ablegen, findet ihr unter "Verzeichnis der Sitemap" einen Link zur Sitemap, um die Sitemap extern aufzurufen. ‌‌‌‌ ‌‌‌‌‌‌

Gerne unterstützen wir euch bzgl. Fragen, Hilfestellungen und Support unter  ‌‌info@sovido.de

• UTF-8 Format
• Feldtrenner sollte ein Semikolon sein
• Textfelder dürfen leer sein, bestenfalls sind aber alle Textfelder befüllt
• Bild URLs müssen immer ausgefüllt sein

Unter folgendem Link findet ihr einen Beispiel-Produkt-Feed: LINK  

2. Produkt-Feed
Der Produkt-Feed stellt die Grundlage für die Automatische Videoproduktion dar. Er sollte bereits vor der Template-Erstellung bekannt sein, um die Inhalte des Templates genau planen zu können.

Texte
Im Produkt-Feed gibt es Texte z.B. für Produktnamen und Produktdetails. Wenn ihr z.B. Bulletpoints anlegen wollt, braucht ihr die maximale Zeichenanzahl der Feed-Einträge, damit es hier nicht zu Fehldarstellungen kommt.

Bilder
Es ist wichtig zu wissen wie Einheitlich die Produktbilder sind. Handelt es sich um Milleu-Bilder oder Freisteller? Besitzen alle Bilder das gleiche Seitenverhältnis? Dies ist wichtig zu wissen, um im Template die richtigen Platzhalter (z.B. im 16:9 Format oder im 1:1 Format) zu definieren.

Wenn eure Bilder kein einheitliches Seitenverhältnis haben, können wir dieses für euch anpassen. Wir benötigen hierfür lediglich die Info, welches Seitenverhältnis verwendet werden soll.  


3. Video-Entwurf
Zunächst produziert ihr ein Video in einem Schnitt- oder Animationsprogramm. In diesem Video fixiert ihr alle Inhalte, die später nicht durch den Automatismus verändert werden sollen. z.B. Videosequenzen, Sprechertexte, Musik usw. Exportiert das Video im Format .mp4 in 720p (HD) mit der Bildrate 25 fps.

4. Ordnerstruktur
Bevor ihr das Motion-Projekt anlegt, erstellt ihr einen Ordner (Screenshot: Testtemplate 2). In diesem Ordner speichert ihr die Motion-Datei (Screenshot: Test.motn). Außerdem erstellt ihr in dem Ordner einen Unterordner namens "Media".  

Unter folgendem Link findet ihr ein Bild mit der Bezeichnung dz1: https://www.dropbox.com/s/e9giggvxmakkbuc/dz1.jpg?dl=0

Ladet das Bild herunter und kopiert es zusammen mit dem unter Punkt 3 erstelltem Video-Entwurf in den Media-Ordner.

5. Motion-Projekt anlegen
Öffnet nun das Programm Apple-Motion in der Version 5.5.

In der Projektübersicht legt ihr ein neues "Motion-Projekt" mit den Voreinstellungen "Broadcast HD 720" und der Bildrate 25 fps an. Die Dauer richtet sich nach der Länge des Videos von Punkt 3.

6. Bilder in Motion
Zunächst importiert ihr das Bild dz1 aus dem Media-Ordner zu den "Medien". Zieht nun das Bild in die Timeline und es erscheint unter den "Ebenen".

Dropzone
Klickt die Ebene des Bildes dz1 an und wählt unter Informationen / Bild / Typ -> Dropzone.

Durch diesen Schritt wird das Bild in der Ebene von "dz1" zu "Dropzone" umbenannt. Wichtig ist, dass ihr es wieder zurück benennt zu dz1. Jetzt könnt ihr das Bild beliebig animieren. Arbeitet hierzu mit Keyframes.

Weitere Bilder legt ihr ebenfalls immer über das Bild "dz1" an, sodass dz1 das Ausgangsmedium aller Bilder darstellt. Weitere Bilder benennt ihr in den Ebenen fortlaufend als dz2, dz3, dz4.

Bildformat
Ihr könnt das Bild dz1 in Motion beschneiden und so aus dem 16:9 Bild ein anderes Format definieren.  

Ausgangsmedien
Es ist wichtig zu kontrollieren, dass die Bilder auf dem Ausgangsmedium dz1 basieren. Klickt hierzu die Ebene dz1 an und schaut unter Informationen / Bild Ausgangsmedien. Hier muss bei allen Bildern dz1 stehen. (Sollte hier fälschlicher Weise "dropzone" oder etwas anderes stehen, funktioniert diese Ebene nicht im Automatismus.)

Veröffentlichen
Die Bild-Ebenen müssen veröffentlicht werden. Dies erledigt Motion beim Anlegen des Typs Drozone automatisch.

7. Texte in Motion
Text-Elemente legt ihr klassisch über das Text-Werkzeug an. Ihr könnt beliebig viele Texte erstellen. Diese müssen nicht als Drobzone definiert, allerdings müssen sie ebenfalls veröffentlicht werden. Die Veröffentlichung ist etwas schwer zu finden. Hierzu wählt ihr die Text-Ebene aus und geht auf Informationen / Text / Format. Nun seht ihr unten das Feld, in das ihr Texte eintragen könnt. Rechts neben diesem Feld versteckt sich ein kleiner Pfeil. Unter diesem findet ihr die Option "Veröffentlichen".

Es ist wichtig die Texte nur wie beschrieben zu veröffentlichen. Bitte keine Schrift-Formatierungen o.ä. veröffentlichen. Eine derartige Einstellung würde dazu führen, dass der Automatismus nicht funktioniert.

Die Text-Ebenen müssen ebenfalls fortlaufend benannt werden. Wenn wir z.B. 3 Bilder im Template haben, die als dz1, dz2, dz3 angelegt sind und nun kommen noch 3 Texte hinzu, sind die Texte dz4, dz5 und dz6.

Schriftarten
Grundsätzlich könnt ihr alle Schriftarten in euren Templates verwenden. Allerdings müssen wir spezielle Schriftarten ggf. auf unserem System installieren. Unter folgendem Link findet ihr eine Liste mit allen aktuell installierten Schriftarten. Solltet ihr mit Schriftarten arbeiten wollen, die auf dieser Zusammenstellung nicht zu finden sind, schickt uns die Schriftarten bitte zu.
https://www.dropbox.com/s/ggdu0vn3uy6v3q7/Sovido Schriftarten.pdf?dl=0

8. Bereitstellung der Templates
Sendet uns den Template-Ordner zusammen mit dem Produkt-Feed gepackt in eine Zip-Datei zu. Außerdem benötigen wir eine Info über das Bildformat wie unter Punkt 2 und 6 beschrieben. Außerdem benötigen wir eine Info, ob wir alle Bilder auf ein einheitliches Bildformat (mit weißem Hintergrund) skalieren sollen oder nicht. Wenn nicht werden alle Bilder auf die Größe der Dropzone angepasst.


9. Kontrolle & eventuelle Fehler
Es gibt Fehler im Template, die dazu führen, dass das Template nicht für den Automatismus verwendet werden kann. Es gibt aber eine einfache Methode der Fehleranalyse und Kontrolle des Templates bevor ihr es an uns ausliefert.

Hierzu müsst ihr wissen, dass man ein Motion-Template in jedem beliebigen Text-Reader öffnen kann. Wir verwenden hierfür das kostenlose Programm Adobe Brackets. https://brackets.de.uptodown.com/mac

Falsche Motion-Version
Öffnet eure .motn-Datei im Text-Reader und kontrolliert als erstes unter <displayversion> die hier angegebene Version. Stand Februar 2022 ist Motion 5.6 die aktuellste Version.

Bevor wir ein System-Update vorgenommen haben, solltet ihr keine neuere Version verwenden. Sobald wir ein Systemupdate vornehmen, ändern wir diesen Artikel. Solltet ihr dennoch in einer neueren Version gearbeitet haben, könnt ihr diese im Text-Reader ändern und abspeichern. Sollte es sich nicht um ein großes Motion-Update handeln, sollte euer Template auf diese Weise funktionieren.


Bilder und Texte nicht veröffentlicht
Durchsucht das Template über den Text-Reader nach dem Wort "publish". Ihr solltet unter publishSettings für jede Dropzone und für jeden Text einen Eintrag finden. Hier ein Beispiel für ein Template mit 1 Bild und 1 Text.

Bilder sind hier als dz1, dz2... aufgeführt. Texte werden ebenfalls als published aufgeführt, allerdings als Text benannt.

Wir haben Sovido zwei neue Funktionen spendiert, die wir euch heute kurz vorstellen möchten:

1. Videos aktualisieren
   Ihr wollt ein altes Video löschen und gegen ein neues austauschen? Dabei sollen die Embed-Codes und Produkt-Verknüpfungen erhalten bleiben und vor Allem die Google-Rankings nicht gecrasht werden? Seit heute mit Sovido kein Problem mehr. Ihr könnt Videos nun mit wenigen Klicks aktualisieren. Dabei wird lediglich die Video-Datei ausgetauscht, während alle Einstellungen erhalten bleiben. Wie das geht? Ihr findet nun über dem Video einen neuen Button (Recycling-Symbol). Über diesen könnt ihr ein neues Video hochladen und das alte wird überschrieben.

2. Videos per URL hochladen
   Ihr wollt Videos aus der Dropbox, von einem Server oder von einem anderen Ort des Internets in euren Sovido-Account laden? Seit heute ist dies mit wenigen Klicks möglich, da ihr für einen Video-Upload nun Video-URLs angeben könnt. Unser System zieht sich das Video dann direkt und startet den Encoding-Vorgang. Beim URL-Upload wird allerdings immer nur die Video-ID an unsere Plattform übergeben, daher solltet ihr neben der URL auch den Video-Namen angeben, um das Video anschließend leicht zuzuordnen.

Wir hoffen euch gefallen die neuen Funktionen und freuen uns über Feedback.

Euer Sovido-Team

Geschäftsmodell & DSGVO

Immer wieder werden wir gefragt, wo unsere Vorteile gegenüber öffentlichen und meist kostenfreien Videoplattformen wie z.B. Youtube liegen. Antworten auf diese Frage gibt es viele. Der Unterschied wird schon beim Blick auf die unterschiedlichen Geschäftsmodelle klar: Sovido wurde entwickelt, um Online-Shops - eine möglichst einfache, effektive und sorgenfreie Lösung für die Einbindung von Videos zu liefern. Dafür wird von Kunden eine Monatslizenz erhoben, von der wir uns finanzieren und unsere Plattform pflegen und weiterentwickeln. Youtube ist kostenfrei, weil Einnahmen auf anderen Wegen generiert werden. Die Plattform stellt ein Sozales Netzwerk dar und richtet sich an Produzenten von Videos, die mit Ihrem Content Geld verdienen möchten. Gleichzeitig wird die Zusammenarbeit mit Organisationen fokussiert, die große Werbecampagnen auf Youtube starten möchten. Das Thema Werbung und Monetarisierung funktioniert nur mit der Ergebung und Auswertung von personenbezogenen Daten. Im Zuge der DSGVO haben sich einige Grundsätze verändert, die auch die Einbindung von Videos betrifft. In diesem Artikel wollen wir diese Thematik etwas beleuchten.

Wo liegt das Problem?

Vor dem 25.5.2018 hat die Erhebung und Nutzung personenbezogener Daten den wenigsten Wirtschaftsunternehmen Sorgen bereitet, da etwaige Verstöße noch zu keinen nennenswerten Bußgeldern führten. Seit die DSGVO in Kraft getreten ist, sieht dies anders aus und es besteht eine große Unsicherheit darüber, was erlaubt, bzw. DSGVO Konform ist und was nicht. Hier stehen besonders die sogenannten "Datenkraken" wie Facebook und Google, aber auch die Videoplattform Youtube im Blickfeld der Datenschutzbehörden. Denn das Geschäftsmodell dieser meist kostenlosen Plattformen basiert auf der Erhebung und Auswertung personenbezogener Daten. Und genau hier setzt die DSGVO an: Sie will davor schützen, dass personenbezogene Daten der Webseitenbesucher unwissentlich erhoben und wirtschaftlich genutzt werden. Seit Einführung der DSGVO werden für Verstöße die Betreiber der Websites in die Verantwortung genommen.

Was hat das mit kostenlosen Videoplattformen und der Einbindung dieser in meinen Online-Shop zu tun?

Der per iFrame eingebundene Player der gängigen Videoplattformen erhebt Daten, sobald er aufgerufen wird. D.h. wenn ein Webseitenbesucher eine Ihrer Shopseiten besucht, auf denen ein derartiger Video-Player eingebunden ist, starten sofort mehrere Cookies damit, Informationen über den Kunden zu sammeln und diese an Youtube und an Googles Webdienst Doubleklick zu senden. Dafür muss der Besucher das Video noch nicht einmal abspielen.

Warum besteht hier ein Konflikt mit der DSGVO?

Nach dem Grundsatz der informationellen Selbstbestimmung hat jeder Webeitenbesucher das Recht, selbst über die Verwendung seiner personenbezogenen Daten zu bestimmen. Es muss vorab darüber informiert werden welche Daten erhoben und wie diese genutzt werden. Laut Artikel 13 der DSGVO sind so z.B. Webseitenbetreiber dazu verpflichtet, den Webseitenbesucher zu informieren noch bevor Daten erhoben und verarbeitet werden. Der Besucher einer Website muss die Möglichkeit bekommen, die Datenerhebung abzulehnen, bzw. ihr nicht zuzustimmen. Mit dem Youtube iFrame ist dies nicht möglich und somit ist diese Art der Videoeinbindung nicht DSGVO-Konform.

Kann man Youtube DSGVO-Konform einbinden?

Ja. Aber nur mit Umwegen. Zunächst hat Youtube einen sogenannten "erweiterten Datenschutzmodus" entwickelt. Die Videos werden dann nicht mehr von Youtube.com, sondern von youtube-nocookie.com geladen. Klingt erstmal gut, aber leider werden noch immer Cookies geladen, personenbezogene Daten erhoben und an Google übertragen. Es sind zwar weniger Daten, aber DSGVO Konform ist die alleinige Verwendung des "erweiterten Datenschutzmodus" nicht.

Die zwei Klick Lösung: Damit der Youtube-Player DSGVO-Konform eingebunden werden kann, müssen die Vorschaubilder der Videos auf externen Servern abgelegt werden. Dadurch werden beim Seitenbesuch nur die Vorschaubilder geladen und keine Daten an den Betreiber der Videoplattform übertragen. Erst wenn der Besucher auf das Vorschaubild klickt wird der Youtube-Player nachgeladen und Daten erhoben. Als Betreiber der Seite sind sie allerdings dazu verpflichtet, den Besucher vorher darüber zu informieren, dass sich hinter dem Vorschaubild Youtube verbirgt und dass beim Klick Daten gesammelt werden können. Auch wenn die Lösung DSGVO-Konform sein sollte, ist es sicherlich nicht die schönste und seriöseste Variante.

Wie sieht eine korrekte Youtube-Einbindung nach DSGVO aus?

Korrekt Umgesetzt müsste den Webseitenbesuchern zunächst das extern gehostete Vorschaubild angezeigt werden. Bevor der Youtube-Player geladen wird, muss der Besucher darüber informiert werden, dass beim Klick personenbezogene Daten gesammelt und übertragen werden. Der Kunde kann also selbst entscheiden, ob er klickt und damit seine Daten preisgibt oder nicht. Wir von Sovido haben uns darauf spezialisiert, dass Betreiber von Online-Shops ihre Videos möglichst einfach und effektiv einbinden können. Und dazu gehört natürlich auch die Sorgenfreiheit bzgl. der DSGVO.

Und wo liegen die anderen Vorteile von Sovido?

Neben dem deutschen Datenschutz bieten wir Ihnen gegenüber öffentlichen Videoplattformen viele weitere Vorteile wie...

• mehr Kunden (durch einen besseren SEO-Effekt)
• weniger technischen Aufwand (durch schnellere Videoeinbindung)
• einen seriöseren Auftritt (durch werbefreie Video-Player in Ihrem CI)
• Sonderlösungen, Sicherheit und deutscher Support

Dieser Artikel soll lediglich die technischen Hintergründe der verschiedenen Video-Lösungen erläutern. Er leistet oder ersetzt ausdrücklich keine Rechtsberatung.

Wir sind immer an einem regen Austausch interessiert und beraten Sie gerne persönlich zu Ihrem Anliegen.

Auch Sovido nutzt seit einigen Wochen SSL-Verschlüsselung. Aber was ist das eigentlich und was ändert sich dadurch?

Praktisch gesehen ändert sich für Nutzer von Sovido nichts in der Anwendung.

SSL steht für Secure Socket Layer. "Layer" (dt.: Schicht) bezieht sich auf Transportschichten

Es ermöglich einen verschlüsselten Austausch zwischen Webbrowser und Webserver. Durch ein Zertifikat wird die Echtheit des kontaktierten Servers garantiert und die Verbindung zwischen Client und Server verschlüsselt.

Zu erkennen ist die SSL Verschlüsselung einer Webseite übrigens am https in der URL.

Die Beleuchtung stellt für Videos eine wichtige Grundlage dar. Wer kein Lampen-Equipment besitzt, dem empfehlen wir draußen oder am Fenster zu filmen. Am besten wählt ihr einen bewölkten Tag oder einen Schattenplatz, da das Licht gestreut und so unschöner Schattenwurf vermieden werden kann. Besondere Stimmung erzeugt man in der Morgen- oder Abendsonne. Sie wirkt in Videos besonders weich und schön.

Indoorproduktion mit günstigen Hilfsitteln

Wer Indoor arbeiten möchte, der braucht Licht. Für den Anfang kann man durchaus auf günstige LEDs zurückgreifen. Entweder man richtet diese gegen weiße Wände, um ein indirektes Licht zu erzeugen oder man arbeitet mit Diffusorfolien oder Softboxen, um das Licht zu streuen.

Hier ein Videobeispiel, welches mit 3 LED Flächenleuchten produziert wurde.

Wer sich kein Lichtequipment kaufen möchte, der kann auch einfach das Fensterlicht verwenden, das an verhangenen Tagen sehr schön diffus wirkt und einen ähnlichen Effekt wie eine Softbox erzielt. Auch das vorhandene Zimmer- oder Bürolicht kann funktionieren, wenn es hell genug und flackerfrei ist. Dieses Video wurde z.B. lediglich mit den im Gebäude vorhandenen Leuchtstoffröhren produziert.

Personen oder Produkte professionell ausleuchten

Wenn ihr mit Moderatoren oder Models arbeiten wollt, solltet ihr euch Gedanken machen, wie ihr diese ausleuchten wollt. Ein Standardsetup ist die Dreipunktbeleuchtung. Hierbei benutzt man zwei Lichtquellen und einen Reflektor oder gleich drei Leuchten. Dabei wird das Objekt gut ausgeleuchtet, ist jedoch auch plastisch zu sehen. In einem etwa 45° Winkel zur Kamera wird das Hauptlicht aufgestellt. Dabei ist es leicht über der Kamera platziert, da die Sonne auch immer etwas von oben kommt und so ein natürlicher Bildlook entsteht. Es beleuchtet das Produkt etwas seitlich, sodass spannende Schatten entstehen. Damit die Schatten zwar zu sehen, jedoch nicht zu dunkel sind, kann man mit einem schwach eingestellten LED-Panel oder einem Reflektor die dunklen Bereiche aufhellen. So ist das Bild zwar schon sehr hell, jedoch fehlt es ihm etwas an Plastizität. In dieser Situation sollte man eine dritte Lichtquelle direkt hinter dem Produkt platzieren. Das betont die Ecken und Kanten des Objektes und hilft etwas dabei, das Footage dreidimensional wirken zu lassen. Der folgende Screenshot wurde mit der Dreipunktbeleuchtung interessant ausgeleuchtet.

Foto: Henryk Boek - branchenblick.tv

Wer einmal die Dreipuktbeleuchtung verstanden hat und weiß, was man durch das Weglassen beziehungsweise Hinzufügen von Lichtern bewirken kann, der sollte sich trauen auch mal neue Sachen auszuprobieren. Warum nicht einfach mal das Hauptlicht und das Streiflicht vertauschen? Oder das Aufhelllicht weglassen? Das alles kann schöne individuelle Looks hervorrufen und das Interesse beim Kunden wecken.

Professionelles Lichtequipment

Wenn ihr auf Profiniveau arbeiten möchtet, werdet ihr schnell auf HMI Lampen von der Firma Arri stoßen, von denen es auch gute Nachbauten günstigerer Hersteller gibt. Sie stellt High-End Produkte her, die von vielen Profis in der Filmbranche geschätzt werden. Mit diesen Lampen kann man eine realistische Gegenlichtatmosphäre schaffen, mit Lensflairs & co, selbst wenn es draußen dunkel ist. Die L-Serie von Arri beinhaltet verschiedene Modelle wie zum Beispiel das LED-Licht L5-C für 2.300€ oder den L10-C den es für ca. 5.300€ zu kaufen gibt. Hier ein Videobeispiel, bei dem alle Innenaufnahmen mit HMI Lampen gedreht wurde. Von dem Hamburger Regenwetter merkt man nichts.

Der mit Abstand häufigste Anwendungsbereich unseres Players liegt zweifellos bei den Produktvideos. In einem Onlineshop runden Produktvideos die Präsentation des Artikels ab, vermitteln ein besseres Bild über dessen Aussehen (z.B. bei Modeartikeln) oder mögliche Anwendungsgebiete und Funktionen (etwa bei Werkzeug oder technischen Geräten). Laut Marketingdirektorin von StacksandStacks.com, Cathy McManus, tätigten Besucher der Webseite mit 144 % höherer Wahrscheinlichkeit einen Einkauf, wenn sie ein Produktvideo gesehen hatten.
Auch, um das Image der Marke zu festigen können Produktvideos eingesetzt werden. Und ganz nebenbei wird so auch noch die SEO der Webseite verbessert.

Jedoch variieren die Kosten für ein Produktvideo stark - abhängig vom Aufwand und Länge bieten externe Anbieter Pakete für zwei- bis vierstellige Summen an. Doch welche Arten von Produktvideos gibt es eigentlich und welche sind für meine Artikel geeignet?

Die richtige Art des Produktvideos ist stark abhängig von dem Produkt und der festgelegten Zielsetzung. Zunächst sollte man sich also gut überlegen, was man mit seinem Video eigentlich erreichen und zeigen möchte und was die Zuschauer von dem eigenen Produktvideo erwarten.

360 Grad Videos

Möchte man lediglich das Aussehen eines Produkts detailliert und interaktiv darstellen (zum Beispiel bei Spielzeug oder Schmuck), eignen sich die gerade immer beliebter werdenden 360 Grad Videos besonders gut. Manchmal findet man auch Animationen aus 30 Fotos, durch die man per Bewegung des Cursors den Artikel von allen Seiten betrachten und heranzoomen kann. Benutzt man eine solche Animation aus Fotos, handelt es sich natürlich strenggenommen um kein Produktvideo. Die Entscheidung für oder gegen das klassische Videoformat muss jeder selbst treffen. In einem Video hat der Kunde nicht die Möglichkeit, die Ansicht selbst zu steuern; allerdings können Videos aus SEO-Aspekten attraktiver sein.
Wer nicht auf externe Anbieter zurückgreifen möchte, dem bieten Anbieter wie packshot creator eine E-commerce Lösung an. Ab 2000 Euro aufwärts gibt es dort eine indirekt beleuchtete Box mit Drehscheibe, mit der sich in extrem kurzer Zeit 360 Grad Videos erstellen und hochladen lassen.

Solche Produktvideos sind mit dem richtigen Equipment relativ schnell und ohne viel Aufwand herzustellen. Allerdings sind sie oft wenig dazu geeignet, um ein erstes Interesse herzustellen oder das Produkt in einen Kontext zu setzen.

Einfache Beschreibungsvideos

Die einfachste Art von Produktvideos sind automatisch erstellte Beschreibungsvideos. Ein Algorithmus erstellt aus Fotos, vorgefertigten Videofragmenten und Beschreibungstexten ein simples Video.

Klassisches Produktvideo

Unter den richtigen Umständen kann es sehr sinnvoll sein, mehr Zeit und Kosten in ein Produktvideo zu investieren. Die Funktionen eines Produktes persönlich zu demonstrieren statt den Artikel nur zu zeigen, ist sowohl informativer als auch spannender anzusehen. Hier ein schönes Beispiel von Inwerk:

Persönliche Produkttutorials

Am nächsten kommt man dem Einkaufserlebnis mit persönlicher Beratung im Geschäft durch Erklärvideos, in dem die Funktionen des Produkts demonstriert werden. Hierbei muss allerdings darauf geachtet werden, wie detailliert man die genaue Funktionsweise erklären möchte - richtet man sich an Kunden, die sich noch nicht zum Kauf entschieden haben, sollte man versuchen, sich möglichst kurz zu fassen. Hier gilt der Grundsatz: Was mein Produkt kann, ist wichtiger als wie oder warum.
Das bedeutet natürlich nicht, dass man keinerlei Hintergründe erläutern darf - im Gegenteil, technische Details können, in Maßen präsentiert, Vertrauen erwecken - nur muss man sich bewusst sein, welche Informationen ein potenzieller Kunde sucht und wie lange er bereit ist, einem Video Aufmerksamkeit zu schenken, um diese zu bekommen.

Produktübergreifende Videos

Besonders aufwendig produzierte Videos sind zwar meist interessanter anzusehen, doch nicht immer ist der Ressourcenaufwand gerechtfertigt. Ein guter Kompromiss, um dennoch qualitativ hochwertige Videos produzieren zu können, sind produktübergreifende Videos, die nicht nur einen einzelnen Artikel, sondern eine ganze Produktpalette bewerben. Unser Kunde Ostermann beispielsweise produzierte ein solches Video für Möbel aus der Produktlinie HÜLSTA Now!Time.

Für diese Artikel ist eine solche Strategie besonders geeignet, da damit nicht nur mehrere Artikel gleichzeitig abgedeckt werden, sondern diese zusätzlich noch im Kontext präsentiert wurden.

Nimm's mit Humor

Einen etwas humorvolleren Ansatz zum Thema hat die Firma Blendtech gewählt. Die Videos von Tom Dickson, CEO des Mixerhersteller, gingen 2006 auf YouTube viral. Darin nimmt er verschiedenste Gegenstände - von iPhones über Knicklichtern bis zu einer Justin-Bieber-Actionfigur - und stellt sich der Frage: Will it blend? Selbstverständlich mit immer derselben Auflösung: Why yes, it blends.
Die ersten Videos hatten nach Angaben Dickerson 6 Millionen Views in 6 Tagen und die Kampagne wurde von AdAge auf Platz 1 der viralsten Marketingkampagnen allerbesten gewählt. Die Videos werden noch heute produziert und angesehen.
Der Ansatz ist genial: Die Videos stellen das Produkt in den Mittelpunkt und demonstrieren die Stärke der Kernkompetenz des Produkts - mixen - sind aber so unterhaltsam, dass sie kaum als Werbung empfunden werden.

Eine solche Strategie ist aber nur sinnvoll, wenn sie auch zu der Marke passt. Hier gilt das gleiche Prinzip, dass auch auf allgemeines Marketing zutrifft: Eine humorvolle Kampagne wie der legendäre Old Spice Werbespot oder der erste Spot von DollarShaveClub.com kann zwar eine große Reichweite entwickeln, passt aber einfach nicht zu jeder Marke. Nur wenn ein Videocontent in Atmosphäre und Bildgebung mit der Marke harmoniert, wirkt er authentisch und vertrauenswürdig.

Mehr Erfolg durch individuelle Vorschaubilder

Videos gehören inzwischen zu den wichtigsten Marketing-Instrumenten und werden von Unternehmen genauso gern eingesetzt, wie sie auch von Interessenten angeschaut werden. Nicht selten ist ein Video der ausschlaggebende Punkt im Verkaufsprozess. Mit individuell gestalteten Vorschaubildern, wie wir sie euch jetzt neu anbieten, könnt ihr eure Videos jetzt noch erfolgreicher einsetzen.

Das Vorschaubild ist neben dem Titel der wichtigste Klickfänger eurer Videos. Es entscheidet darüber, ob euer Video angesehen wird oder nicht. Laut Youtube besitzen mehr als 90% der erfolgreichsten Videos im Internet ein benutzerdefiniertes Vorschaubild. Wenn ihr mit Videos aktiv seid, solltet ihr diesem Thema also eine besondere Beachtung schenken. Bei YouTube kann aber nicht jeder eigene Vorschaubilder hochladen und auch andere Video-Plattformen verfügen nicht über diesen zusätzlichen Service, der so entscheidend für den Erfolg eines Videos sein kann. Bei Sovido steht diese Funktion natürlich allen Kunden zur Verfügung.

Der Nachteil automatisch erstellter Vorschaubilder

Wenn ihr ein Video hochladet, legt Sovido automatisch ein Vorschaubild an. Dieses wird standardmäßig in Sekunde 10 geschossen. Nun kann es passieren, dass in Sekunde 10 eine Blende gezeigt wird oder ein Moderator gerade die Augen geschlossen und den Mund geöffnet hat. Ein schlechtes Vorschaubild bringt euch nicht nur wenig Klicks, die gesamte Website auf der es eingebunden wird erscheint unprofessionell. Das folgende Beispiel zeigt ein Video, in dem die Begriffe "Vegetarisch und Vegan" geklärt werden sollen. Das automatisch erstellte Vorschaubild ist nicht ansprechend und verleitet nicht zum draufklicken:

Innerhalb weniger Minuten wurde mit Photoshop eine Vorschaubild-Grafik erstellt.
Die Informationen zum Inhalt des Videos werden kurz und knapp vermittelt. Das Corporate Design entspricht dem Videoanbieter Explainity und noch bevor man auf das Video geklick hat, ist der Eindruck professionell.

Vorschaubilder sekundengenau festlegen

Vorschaubilder können mit einem Klick sekundengenau aus dem Video selbst generiert werden. Hierfür wird es an einer gewünschten Stelle pausiert und oben rechts neben dem Player auf das Vorschaubild-Symbol geklickt.

Diese Funktion wird gern genutzt, jedoch wurde von unseren Kunden oft der Wunsch geäußert, das Vorschaubild noch weiter zu individualisieren. Diesem Wunsch sind wir nun nachgekommen und bieten euch jetzt die Möglichkeit, eigene Grafiken für eure Videos anzufertigen und diese als Vorschaubild hochzuladen. Den gestalterischen Möglichkeiten sind keine Grenzen mehr gesetzt und neben der Anpassung an das Corporate Design ist auch das Hinzufügen von Call-to-Actions nicht länger ein Hindernis.

NEU bei Sovido: Individuelle Vorschaubilder hochladen

Seit neustem gibt es neben dem Vorschaubild-Button einen kleinen Pfeil. Hinter diesem versteckt sich die neue Upload-Oberfläche für das Vorschaubild.

Vorteile individueller Vorschaubilder

Ihr seid euch unsicher, ob bei der Erstellung individueller Video-Vorschaubilder der Aufwand gerechtfertigt ist? Dann erleichtern wir euch gern die Entscheidung. Beobachtet einfach einmal euer eigenes Verhalten. Wenn ihr in einem Videoportal oder Sozialen Netz unterwegs seid - wonach entscheidet ihr, ob ihr ein Video aus der Vielzahl der Suchergebnisse anschaut? Bei uns steht hier an erster Stelle das Vorschaubild, noch vor dem Hersteller, dem Titel und der Beschreibung.

Ist das Video-Thumbnail aussagekräftig, ansprechend gestaltet sind wir viel eher bereit, unsere Zeit zu investieren und das Video anzuschauen. Ist das Vorschaubild nichtssagend, ohne ersichtlichen Zusammenhang zum Thema, Produkt oder Unternehmen, weckt es auch nur in den seltensten Fällen unser Interesse.

Und wer immer noch unsicher ist: Das Vorschaubild entscheidet nicht nur auf eurer Seite über den Klick, sondern auch in Suchmaschinen und Sozialen Netzwerken. Es lohnt sich also gleich mehrfach den Aufwand zu investieren.

Ein individuelles Vorschaubild sorgt also dafür, dass eure potentiellen Kunden euch nicht nur wahrnehmen, sondern vor allem, dass ihr positiv auffallt und die Besucher dazu animiert werden, euer Video anzuschauen.

Worauf man achten sollte

Die Vorteile der individuellen Vorschaubilder sind weitaus größer als der Aufwand, der zur Erstellung dieser Video-Thumbnails notwendig ist. Es lohnt sich definitiv, diese Zeit und Arbeitsleistung zu investieren. Wenn ihr mit mehreren Videos arbeitet ist es lohnenswert euch eine Vorlage zu erstellen, die ihr dann an alle Videos anpassen könnt. So können beispielsweise die Position des Logos, oder die Farbe und Schriftart des eingefügten Textes vorab definiert werden, so dass nur noch ein ansprechendes Hintergrundbild und der Call-to-Action eingefügt wird, wenn ein neues Video online geht. Das spart Zeit und verschafft euch einen Wiedererkennungswert, der sich in den Köpfen eurer Besucher verankert.

Online-Shops und Videos

Zwei Themen die gut zusammen passen, aber allzu oft vernachlässigt werden. Meist liegt dies daran, dass die Shopbetreiber über keine oder nur wenige Videos verfügen und das Thema dadurch in den Hintergrund rückt. Dass man aber auch mit wenigen oder sogar mit nur einem einzelnen Video das Google-Ranking messbar steigern kann, bewies kürzlich unser Kunde Jacob. Wie das funktioniert und was dafür gemacht wurde erklären wir in diesem Artikel.

Ein Imagefilm für alle Produktseiten

Jacob verkauft Ringe. Verlobungsringe, Eheringe, Freundschaftsringe & co. Diese werden in seinen drei Shops traumtrauringe.de, juwelier-schmuck.de und ewigetrauringe.de angeboten. Bei Jacob wird großer Wert auf Qualität gelegt. Alle Trauringe werden im eigenen Haus gefertigt. Um dies seinen Kunden zu vermitteln produzierte er Imagefilme, die auf allen Produktseiten seiner Shops angezeigt werden sollten.

Sovido Funktion: Das Fallback Video

Zunächst wurde der Shop traumtrauringe.de bei Sovido angemeldet und über das Shopware Plugin mit dem Sovido-Account verknüpft. Im Sovido Backend hinterlegte Jacob den Imagefilm als "Fallback Video". Diese Funktion ermöglicht es ein Video mit einem Klick allen Artikeln des Shops zuzuordnen. Bei Traumtrauringe wurde das Video anschließend bei ca. 10.000 Artikel Detailseiten angezeigt.

Video-SEO

Sobald Videos eingebunden werden, generiert Sovido die SEO-Daten der jeweiligen Seiten. Diese werden gemeinsam mit den Metadaten des Videos in einer Video Sitemap zusammengestellt. Die Sitemap wird bei Google eingereicht und sorgt für die Suchmaschinenoptimierung der Videos. Bei Jacob zeigte das SEO-Tool nach kurzer Zeit einen Anstieg im Sichtbarkeitsindex von 611 auf 1277 Punkten an. In Besucherzahlen bedeutet das 3.232 Sitzungen am 30.6. gegenüber 5.691 Sitzungen am 31.10.

Besonders repräsentativ ist dieser Fall, da Jacob drei nahezu identische Shops betreibt. Video & Video-SEO wurden zunächst nur bei traumtrauringe eingesetzt. Nur hier konnte dieser enorme Anstieg beobachtet werden.

Platzierungen in der Videosuche

Sucht man in der Videosuche von Google z.B. nach den Keywords "Trauringe", "Partnerringe", "585er Gelbgold" usw. findet man die Shops von Jacob immer auf den ersten Plätzen.

Zu Youtube und Sovido

Bei der Video-Suchmaschinenoptimierung von Youtube und Sovido besteht ein wesentlicher Unterschied. Youtube-Videos werden von Google immer als Youtube-Content erkannt und verlinken Youtube. Mit Sovido optimierte Videos werden von Google als Unique Content des Shops erkannt und verlinken das Produkt. Nur mit eigenem Video-Content ist es möglich das Ranking der eigenen Seite zu verbessern.

Wir haben unseren Embed Code um eine neue Lightbox Funktion erweitert.

Als Lightbox mit Vorschaubild vom Video

<div class="sovido-video"
	 data-lightbox
     data-account="AccountID"
     data-embed-code="EmbedCode"
     style='width: 300px;'>
</div> 

Beispiel 1:

Dies ist die Standardeinstellung für die Lightbox Funktion. Der Code wird angezeigt, wenn in dem "Embed Code" Reiter bei der Embed-Art der Punkt "Lightbox" ausgewählt wird:

Als Lightbox mit einem externen Bild als Call2Action

Gerade Onlineshops wollen Ihren eigenen Play-Button nutzen. Hierfür haben wir dem Embed Code ein "data-preview-image-url"-Attribut spendiert. Dort kann die Url zu dem gewünschten Bild eingetragen werden.

<div class="sovido-video"
	 data-lightbox
     data-preview-image-url="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/YouTube_Gold_Play_Button.png/320px-YouTube_Gold_Play_Button.png"
	 data-hide-play-button
     data-account="AccountID"
     data-embed-code="EmbedCode"
     style='width: 200px;'>
</div> 

Beispiel 2:

Mit dem Release von Shopware 5 haben wir erkannt, dass viele unserer Kunden Ihre Shop-Templates immer stärker individualisieren. Bei der Entwicklung des Shopware 5 Plugins haben wir uns deshalb eine neue Playerposition eingebaut. Sie nennt sich "Eigenständig" und wie der Name schon sagt, können Sie die Position Ihres Video-Players flexibel selbst festlegen.

Wählen Sie hierzu in dem Plugin unter dem Punkt Position im Dropdow-Menü die Option 'Eigenständig' aus und speichern Sie Ihre Einstellungen. Bei dieser Art der Einbindung ist es dem Template-Ersteller freigestellt, an welcher Stelle er das Video im Shop-Template einsetzt. Hierfür wird lediglich eine Zeile Code benötigt:

<div class="sovido-video" 
	 data-account="{$sovidoConfig.accountId}"
     data-embed-code="{$sArticle.articleID}-{$sovidoConfig.projectId}"
     style="margin: auto;">
</div>

Alternativ kann das Video auch über eine Lightbox eingebunden werden:

<div class="sovido-video"
	 data-lightbox
     data-account="{$sovidoConfig.accountId}"
     data-embed-code="{$sArticle.articleID}-{$sovidoConfig.projectId}"
     style='width: 200px;'>
</div> 

Weitere Infos zu der Lightbox finden Sie in unserem Lightbox Artikel

Das Plugin übernimmt natürlich weiterhin die Bereitstellung der Video-Sitemap, die Möglichkeit Widgets in den Shoppingwelten einzusetzen und die Anfragen an unser System für die Videointegration.

Noch ein Hinweis: Bei der Anfrage an unsere API, ob für den aufgerufenen Artikel ein Video vorhanden ist, liefert uns JS Code ein Event an den Browser zurück. Sobald ein Video verfügbar ist, wird das Event sovidoPlayerLoaded gefeuert und das Video in dem dafür vorgesehenen DIV geladen. Hier sehen Sie eine Möglichkeit das Event abzufangen und an den eingebundenen Player zu gelangen.

document.addEventListener('sovidoPlayerLoaded', function (e) {
  var myPlayer = videojs(e.target);
}, false); 
```
Sollten Sie Fragen haben, so bin ich unter [dirk@sovido.de](mailto:dirk@sovido.de) erreichbar.

Im Folgenden finden Sie eine Schritt-für-schritt Anleitung, um das Sovido Plugin in Ihrem Shopware-Shop zu installieren und einzurichten. Hierfür sollten Sie zunächst die kostenfreie Testversion des Plugins unter

https://store.shopware.com/sovid25645847449/die-plattform-fuer-video-hosting-video-seo-und-co.html

installieren und unter

https://www.sovido.de/signup

einen kostenlosen Testaccount für unsere Sovido-Plattform anlegen.

Übersicht:

1. Benutzer Administration im Backend öffnen
2. Eine neue Rolle für das API anlegen
3. Der neuen Rolle API Rechte zuweisen
4. Einen neuen API Benutzer mit den Rechten der API Rolle anlegen
5. Legen Sie einen Sovido-Account und ein Projekt an
6. Videos einbinden - so einfach wie noch nie
7. Automatische Video-Suchmaschinenoptimierung
8. Die Player-Platzierung im Plugin
9. Individualisieren Sie Ihren Video-Player
10. Kontakt und Hilfestellungen

Los gehts:

1. Benutzer Administration im Backend öffnen

Öffnen Sie die "Backend Benutzer Administration Ihres Shopware Shops" über "Einstellungen" -> "Benutzerverwaltung"

2. Eine neue Rolle für das API anlegen

Klicken Sie Links unter "Benutzer und Rollen" auf den Menüpunkt "Liste der Rollen". Klicken Sie anschließend auf den Button "Rolle hinzufügen".

Als Namen geben Sie "API Zugang" und als Beschreibung "API Zugang für sovido" ein. Setzen Sie einen Haken bei dem Feld "Aktiviert" und deaktivieren Sie den Haken unter "Admin". Klicken Sie auf den Button "Update" um die Rolle zu speichern.

3. Der neuen Rolle API Rechte zuweisen

Klicken Sie Links unter "Benutzer und Rollen" auf den Menüpunkt "Regeln & Berechtigungen editieren". Selektieren Sie die zuvor angelegte Rolle "API Zugang" über das Dropdown-Menü.

Aktivieren Sie das Privileg "read" der Ressource "article" indem Sie den Privilegienbaum der Ressource über das "+"-Symbol öffnen und die beiden Checkboxen für "article" und "read" anklicken. Speichern Sie diese Einstellung indem Sie auf die Schaltfläche "Aktivierte Privilegien der ausgewählten Rolle zuweisen" klicken.

4. Einen neuen API Benutzer mit den Rechten der API Rolle anlegen

Klicken Sie Links unter "Benutzer und Rollen" auf den Menüpunkt "Liste der Benutzer". Klicken Sie anschließend auf den Button "Benutzer hinzufügen".

Geben Sie dem neuen Benutzer einen Benutzernamen und ein beliebiges Passwort und aktivieren Sie diesen. Aktiviern Sie auch den API-Zugang. Tragen Sie bei den Stammdaten "Name" und "Mail-Adresse" ein und wählen Sie eine "Standardsprache". Besonders wichtig ist es, dass der neue Benutzer als Mitglied der Rolle "API Zugang" zugeordnet wird. Deaktivieren Sie bitte ebenfalls den Backend-Cache. Sobald Sie auf die Schaltfläche "Speichern" klicken, wird der neue Benutzer Ihrem System hinzugefügt.

5. Legen Sie einen Sovido-Account und ein Projekt an

Wechseln Sie zu Sovido. Falls noch nicht geschehen, legen Sie einen kostenlosen Testaccount unter https://www.sovido.de/signup an und loggen Sie sich ein.

Klicken Sie oben auf den Menüpunkt "Projekte". Anschließend wählen Sie das Feld "Neues Projekt anlegen". Als "Art der Website" klicken Sie bitte auf "Shopware" und tragen die vorher angelegten Benutzernamen und das Passwort an den entsprechenden Stellen ein. Für die API geben Sie Ihre Domain mit "/api" ein (Beispiel: https://www.sovido.de**/api**).

Klicken Sie das neu erstellte Projekt an. Wählen Sie links den Menüpunkt "Integration". Hier finden Sie Ihre Projekt & Account ID. Diese müssen Sie kopieren und in das Sovido-Plugin eintragen.

Wechseln Sie hierfür in Ihr Shopware-Backend zum Sovido-Plugin Shopware Plugin

Klicken Sie auf "Speichern". Ihr Shop ist nun mit Ihrem Sovido-Account verbunden. Über Ihre API werden nun die Artikel Ihres Shops in Ihren Sovido-Account importiert. Dies kann (je nach Artikelanzahl) ein paar Minuten bis hin zu mehreren Stunden dauern.

Den Status Ihres Artikelimports können Sie jederzeit einsehen. Wählen Sie den Menüpunkt "Projekte" und klicken Sie auf das Projekt. Unter Integration finden Sie den Fortschrittsbalken.

6. Videos einbinden - so einfach wie noch nie

Sobald Artikel importiert wurden, können Sie Videos einbinden. Hierzu laden Sie ein Video hoch und klicken es an.

Unter dem Video gibt es ein Suchfeld. Um das Video auf einer oder mehreren Artikelseiten einzubinden, geben Sie Artikelnummern oder Produktnamen ein. Klicken Sie auf die Ergebnisse, um das Video auf den jeweiligen Seiten einzubinden.

In Ihrem Testaccount können Sie ein Video mit maximal 25 Artikeln verknüpfen. Mit Paket-Upgrades können Sie Videos beliebig vielen Artikeln und sogar mehreren Shops zuordnen.

Wenn Sie das Video per Embed-Code oder per Widget einbinden möchten, geben Sie den Namen Ihres Projektes in das Suchfeld ein. Hier wird Ihnen der Embed-code und der Widget-Code für Shopware angezeigt:

7. Automatische Video-Suchmaschinenoptimierung
Sobald Sie unseren Player eingebunden haben,sammelt er (via Json+LD) Metadaten wie Produkttitel, Beschreibungen, Keywords usw. Nach den Vorgaben von schema.org erstellen wir eine Video-Sitemap für Ihren Shop. Über das Plugin werden die Video-Metadaten automatisch in Ihre Shopware-Sitemp eingetragen.

Damit dies allerdings möglich ist, müssen Sie in Ihrem Sovido-Account eine Video-Sitemap anlegen. Hierfür wählen Sie unter dem Menüpunkt "Projekte" Ihr Projekt aus und klicken links auf "SEO und Domains". Geben Sie Ihre Domain in das Feld ein.

Eine Video-Sitemap wurde erstellt. Die Daten werden immer Nachts generiert und in die Sitemap eingetragen. Es lohnt sich also am Tag nach dem Video-Einbinden die Video-Sitemap zu öffnen, um zu schauen, welche Daten generiert und eingetragen wurden. Die Video-Suchmaschinenoptimierung erfolgt vollautomatisch.

Beispiel für einen automatisch erzeugten Video-Sitemap Eintrag unter Shopware 5.

8. Die Player-Platzierung im Plugin
Wo der Player auf Ihren Artikelseiten angezeigt wird, entscheiden Sie über die Einstellung "Position" in Ihrem Sovido-Plugin.

Um die Player-Position festzulegen wechseln Sie in das Backend Ihres Shopware-Shops und dort in das Sovido-Plugin. Unter "Position" haben Sie vier Einstellmöglchkeiten:

Thumbnail = Vorschaubild
Wenn Sie diese Position für Ihren Video-Player wählen, werden alle eingebundenen Videos mit einem Video-Button angezeigt. Der Player öffnet sich über eine Lightbox. Erfahrungsgemäß erhalten Ihre Videos mit der Thumbnail-Einstellung die größte Aufmerksamkeit.

Artikelnbeschreibung
Wenn Sie diese Position für Ihren Video-Player wählen, werden alle eingebundenen Videos in der Artikelbeschreibung angezeigt.

Reiter
Wenn Sie diese Position für Ihren Video-Player wählen, wird bei allen Artikeln mit Video ein Produktvideo-"Reiter" angezeigt. Dieser muss angeklickt werden, um das Video zu öffnen. Erfahrungsgemäß erhalten Ihre Videos mit der Reiter-Einstellung die geringste Aufmerksamkeit.

Eigenständig
Wenn Sie diese Position für Ihren Video-Player wählen, wird bei allen Artikeln mit Video erstmal kein Video angezeigt. Diese Funktion wurde entwickelt, um den Video-Player flexibel zu platzieren. z.B. wenn Sie ein stark individualisiertes Template haben oder sich die Video-Platzuerung an einer besonderen stelle wünschen. Für die eigenständige Platzierung finden Sie hier eine Anleitung: /shopware5-individuelle-platzierung/

Natürlich können Sie die Einstellung jederzeit ändern und die Änderung wird auch im nachhinein für alle Videos übernommen.

9. Individualisieren Sie Ihren Video-Player
Den werbefreien Video-Player von Sovido können Sie mit wenigen Handgriffen an Ihre Shop-Farben anpassen und spezielle Funktionen aktivieren. Hierzu loggen Sie sich in Ihren Sovido-Account ein und wählen den Menüpunkt "Projekte". Für farbliche Anpassungen haben Sie folgende Einstellungsmöglichkeiten:

10. Kontakt und Hilfestellungen
Gerne sind wir Ihnen behilflich und beraten Sie unverbindlich zu Ihrem Vorhaben. Sie erreichen uns unter

Telefon: 04243-9799999
support@sovido.de