Karten bestehen aus einer anpassbaren Ebene im Benachrichtigungsstil, die Vimeo Business-, Vimeo Premium- und Vimeo Enterprise-Mitglieder so einstellen können, dass sie während der Wiedergabe ihrer eingebetteten Videos erscheinen. Du kannst Karten so einfach wie eine Überschrift gestalten oder sie mit einer Beschreibung, einem Vorschaubild und einem Link zu einem beliebigen Ziel versehen.
✦ Karten für deine eingebetteten Videos einrichten
Um Karten für eines deiner Videos hinzuzufügen oder zu bearbeiten, gehe zum Tab Interaktionstools der Videoeinstellungen. Klicke im Abschnitt Während des Videos auf + Karten, Kontaktformular und wähle dann „Karte“ aus dem Dropdown-Menü aus, um die Felder anzuzeigen, die für deine Karte ausgefüllt werden müssen.
Du musst mindestens einen Titel für deine Karte und den Zeitstempel eingeben, um festzulegen, wann sie während deines Videos zuerst erscheinen soll. Du hast auch die Möglichkeit, eine Beschreibung, einen Link und ein Vorschaubild hinzuzufügen. Wenn du deine Karte bearbeitest, siehst du, dass die Player-Vorschau in Echtzeit aktualisiert wird. Die kürzeste Zeitspanne, in der Karten nacheinander hinzugefügt werden können, beträgt sechs Sekunden.
Sobald du damit fertig bist, deine Karte zu bearbeiten , klicke auf den Button Hinzufügen. Du kannst bis zu eine Karte pro Videosekunde hinzufügen. Wenn du fertig bist mit der Bearbeitung aller deiner Einbettungseinstellungen, kannst du auf den Button Speichern drücken.
Bitte beachte: Karten erscheinen nur in deinen eingebetteten Videos und Präsentationen. Videos, die auf der Vimeo-Website angesehen werden, enthalten keine Karten, die du hinzugefügt hast. Außerdem werden durch das Hinzufügen einer Karte zu deinem Video die Elemente „Gefällt mir“, „Später ansehen“ und „Teilen“ deaktiviert.
✦ Karten auf Desktop versus Mobilegeräte ansehen
Je nach Plattform, auf der ein Video geteilt wird, und dem Gerät, auf dem es angezeigt wird, fällt das Zuschauererlebnis bei Videos mit Karten unterschiedlich aus.
Auf dem Desktop bleiben die Karten sechs Sekunden lang in der oberen rechten Ecke deines Videos, wenn sie zum ersten Mal angezeigt werden, es sei denn, du hast eine weitere Karte hinzugefügt, die in diesem Fenster erscheint. Videos mit Karten werden überall, wo sie eingebettet sind, in-line gespielt, wenn sie auf Desktop gesehen werden.
Auf dem Handy (oder wenn der Player mit weniger als 415px Breite eingebettet ist) erscheinen Karten unter dem eingebetteten Player. Sobald eine Karte erscheint, bleibt sie sichtbar bis die nächste Karte im Video zum Einsatz kommt. Der Betrachter kann sich unter dem Player durch die Karten bewegen bis zu dem Punkt im Video, an dem die gerade betrachtete Karte zuerst erscheinen sollte.
Auf Websites wie Wix, Squarespace und Wordpress werden Videos mit Karten in-line im mobilen Internet abgespielt. Auf Facebook und Twitter werden die mobilen Apps und das mobile Web mit der Videoseite bei vimeo.com verlinkt
✦ Interaktionsanalyse für Karten
Im Analytics-Panel deines Videos kannst du überprüfen, wie oft alle Karten in den letzten 30 Tagen gesehen und angeklickt wurden. Mehr über Analysen für Video-Interaktionstools erfährst du hier.
✦ Karten in Präsentationen
Karten sowie alle anderen Video-Interaktionstools (z. B. Endbildschirme und Kontaktformulare), die du zuvor hinzugefügt hast, werden nun in deiner Präsentation angezeigt. Sobald du deine Präsentation freigegeben hast, sehen deine Zuschauer deine Karten, wenn sie die Präsentation ansehen.
✦ Der Einbettungscode für Videos mit Karten
Der normale Vimeo-Einbettungscode ist ein einfaches Iframe. Um Karten in allen Ansichtsumgebungen zu unterstützen, fügen wir dem regulären Einbettungscode einen Javascript-Wrapper hinzu. Der neue Einbettungscode ist reaktionsfähig, weshalb der Player bei jeder Größenänderung des Browserfensters sein ursprüngliches Seitenverhältnis beibehalten kann. Siehe unten das Beispiel für den Einbettungscode mit dem fettgedruckten Javascript-Wrapper.
<div class="vimeo-space" style="padding: 56.25% 0 0 0; position: relative;"><iframe src="https://player.vimeo.com/video/76979871" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
Wenn ein Video, dem du gerade Karten hinzugefügt hast, vorher von dir eingebettet wurde, musst du den eingebetteten Code auf deiner Website aktualisieren, um den Javascript-Wrapper zu berücksichtigen. Wenn du deinem Video Karten hinzugefügt hast, kannst du auf den neuen Einbettungscode zugreifen. Klicke auf den grauen Button Einbettungs-Codeüber dem Player-Preview in deinen eingebetteten Einstellungen.
✦ Bewährte Verfahren für den Austausch von Videos mit Karten auf sozialen Plattformen
Wenn du ein Video mit Karten auf sozialen Plattformen wie Twitter oder Linkedin einbettest, kannst du anstelle des Vimeo-Einbettungscodes einfach die URL deiner Vimeo-Videoseite in deinen Beitrag einfügen.
Wenn du dein Video auf Facebook oder Twitter teilen, aber dein Posting an deine eigene Seite anstelle der Vimeo-Videoseite weiterleiten willst, musst du einen zusätzlichen Code zu deiner Website hinzufügen. Hier gibt's mehr Info über die Optimierung deiner Website für das Posten auf sozialen Plattformen.
✦ Bewährte Verfahren für die Einbettung von Videos mit Karten
Wenn du Videos mit Karten über einen Website-Builder wie Wix oder Squarespace einbettest, solltest du sicherstellen, dass der Javascript-Wrapper nicht aus dem Einbettungscode entfernt wird. Wir empfehlen ausserdem, die Verwendung von Widgets zum Einbetten deiner Videos zu vermeiden.
Wenn du mehrere Videos mit Karten auf einer Seite einbettest, empfehlen wir, dass nur das Javascript-Tag <script src="https://player.vimeo.com/api/player.js"></script> einem der Videos auf deiner Seite hinzugefügt wird. Alle nachfolgenden Einbettungen sollten nur das neue <div> Tag enthalten. Eine mehrfache Verwendung des Javascript-Tags kann die Performance deiner Seite beeinflussen.
Hier ist ein kurzer Überblick, wie ein Video mit Infokarten auf den beliebtesten Homepage-Buildern eingebettet werden kann:
- Wix
- Klicke im Wix-Website-Editor auf k +Hinzufügen, wähle Mehr am unteren Rand der Liste aus und wähle dann die Option HTML-Code aus
- Klicken Sie auf den Button Code eingeben über dem neuen grauen Block auf Ihrer Seite, um das Bearbeitungsmodul aufzurufen
- Vergewissere dich, dass die Option Code ausgewählt ist und füge dann deinen Vimeo-Einbettungscode mit dem Javascript-Wrapper ein
- Klicke auf den blauen ButtonAktualisieren und veröffentliche anschließend die Änderungen auf deiner Website
- Squarespace
- Gib den Bearbeitungsmodus für deine Squarespace-Seite ein, und klicke dann auf das Symbol + Block hinzufügen rechts oben auf der Seite
- Scrolle durch das Menü bis du die Überschrift erreichst und wähle dann die </> Option Code aus
- Füge deinen Vimeo-Einbettungscode mit dem Javascript-Wrapper ein und drücke dann auf den Button Anwenden
- Wenn du alle Bearbeitungen auf deiner Seite gemacht hast , klicke in der oberen linken Ecke auf Speichern
- Wordpress
- Wähle die HTML-Bearbeitung in deinem Wordpress-Posting aus
- Füge den Vimeo-Einbettungscode mit dem Javascript-Wrapper ein
- Wenn du bereit bist, klicke oben rechtsauf Aktualisieren
- Tumblr
- Wähle Video aus der Auswahl der Posting-Typen aus
- Wähle Video hinzufügen aus der Web-Option aus
- Füge deinen Vimeo-Code mit dem Javascript-Wrapper ein
- Der eingebettete Vimeo-Player wird geladen und du hast die Möglichkeit, Texte zu Tumblr-Postings hinzuzufügen
- Wenn du soweit bist, drücke auf den Button Abschicken.