Kategorien
Pro WordPress Plugins

Nice Video GDPR Link – Animationen

Die Idee: Da ja nun die Videos dsgvo-konform mit dem Nice-Video-GDPR-Link Plugin nicht mehr direkt auf der Website abgespielt werden, sondern auf der Videoplattform, ist es auf der Website etwas ruhiger geworden. Daher die Idee, einen Bewegungsimpuls mit Animationen einzubringen. Ob das was taugt, oder einfach nur irritiert – mal gucken.

Technisches Vorgehen: Wir haben eine einfache Animation mit Javascript gemacht. Die Animation dann über eine zusätzliche benutzerdefinierte Klasse des Pro Add-ons eingebunden. Das Script haben wir in ein Plugin verfrachtet, so lässt es sich einfach aufspielen.

Geldflussvorgehen: Wenn du magst, kannst du die Animation nivigli-animation-001 kaufen und als Template verwenden. Wir bieten dir an, dass du deine Animation auf dieser Seite vorstellst und verlinkst. Du richtest ein Konto bei digistore24 ein und wir bekommen eine Marktplatzmarge als Affiliate.

Sodele, ….., hier ist sie, die einfache Animation:

Name: nivigli-animation-001. Beschreibung: Sping-hoch, und wieder runter, Verkleinern und Auflösen im Rechteck. Autor: Michael Rumpelt, spielecht-digital.de. Kaufen auf digistore24.

Kategorien
Free WordPress Plugins

Nice Video Link – WP Plugin (DSGVO konform!)

Videos DSGVO-konform verlinken. Videovorschaubilder minimalistisch und ästhetisch einbinden. Automatischer Upload von YouTube- und Vimeo-Vorschaubildern.

[Update 2021-02-23: Die beschriebene fast fertige Variante wird es so nicht geben. Sie arbeitet mit Shortcodes und die werden im Zuge des WP-Block-Editors verschwinden. Ein Block zum Eingeben der benötigten Infos wird übersichtlicher sein als ein Shortcode mit diversen Parametern einzugeben]

Beschreibung

Videos einbetten und DSGVO: Was ist dabei zu beachten?!

Bei Videos, die auf der eigenen Website eingebettet sind, können die Videos auf der eigenen Website abgespielt werden. Dabei kann die Seite, von der die Videos geladen werden, Cookies setzen. Das ist zumindest bei YouTube so (Stand 2021).

YouTube kennt zudem die IP der Besucher*innen deiner Seite. Und YouTube gehört zu google. Und google hat diese Suchmaschine. Und google bietet an, mit Web-Fonts die Websites kostenlos schöner designen zu können. Bindet eine Website google-fonts von deren Server ein, so erfährt wieder google die IP von den Seitenbesucher*innen.

Weder google noch YouTube erläutern, welche Cookies sie zu welchen Zwecken setzen. Daraus ziehen wir den Schluss, dass die Besucher*innen unserer Websites selbst entscheiden können sollen, ob sie YouTube besuchen wollen oder nicht, d.h. ob sie deren Cookies haben wollen oder nicht. Und dass dann auch klar ist, dass dies zu den Konditionen von YouTube geschieht. So nebenbei YouTube-Konditionen auf unseren Websites unterschieben, finden wir unpassend. Die Lösung: Videos nicht einbetten, sondern ästhetisch ansprechend verlinken.

Features

  • Link zu beliebiger Videoquelle.
  • Vorschaubilder von YouTube- und Vimeovideos werden automatisch in die Mediathek hochgeladen und angezeigt.
  • Vorschaubilder zu Videos anderer Plattformen können manuell in die Mediathek hochgeladen und eingebunden werden.
  • Vorschaubild des Videos wird frei von Texten und Symbolen angezeigt.
  • Farbe des Balkens mit Play-Icon auf den Videokontext abstimmbar (per CSS).
  • Frei wählbarer Linktext im farbigen Balken.
  • Optional Angabe deiner Seite als Herkunftsseite bei Aufruf der Videoplattform (referrer).
  • Alt-Tag des Vorschauimages für Barrierefreiheit nutzbar.

DSGVO, Performance und Sicherheit

  • Keine Weitergabe der IP deiner Besucher*innen an die Videoplattform für die Darstellung des Videos auf deiner Seite >>> DSGVO-freundlich. Folglich kein Datenschutzerklärungsinformationsgefuddel.
  • Kein Verbindungsaufbau zu anderem Server notwendig, um deine Website darzustellen. Günstig für die Website-Performance.
  • Keine ungeklärten und schlecht vorhersagbaren Verbindungen zu YouTube bzw. Google, so dass sich der Content Security Policy Header (CSP) für mehr Sicherheit auf deinem Server einrichten lässt.

Verfügbare Sprachen

Das Plugin ist vorbereitet für Übersetzungen. Aktuell gibt es das Plugin mit englischem und mit deutschem Text.

Installation

Keine Besonderheiten. Der übliche Weg für WordPress Plugins.
(Eine Anleitung zum Beispiel diese hier https://www.webtimiser.de/wordpress-plugin-installieren/.)

Einstellungen

Die Einstellungsseite ist hier: Dashboard > Einstellungen > Nice Video Link.

Füge unter Einstellungen den Text ein, der in dem farbigen Balken unterhalb des Videovorschaubildes angezeigt wird.

Du kannst bestimmen, ob die Videoplattform, auf die du den Link setzt, erfährt oder nicht erfährt, dass der Videoaufruf von deiner Website kommt, wenn dieser Link benutzt wird. Aktiviere dazu rel=“noreferrer“ – im entsprechenden Abschnitt: „ja“ klicken und speichern.

Hinweis dazu: Bei den Links auf große Plattformanbieter ist mir Anonymität sehr wichtig. Bei kleineren Anbietern lasse ich hingegen Herkunftsinformationen in den Links, so dass diese überhaupt eine Chance haben, ihre Besucherströme kennenzulernen.

Wenn du das Plugin löschst (also zuerst deaktiviert hast und anschließend löschst), dann werden standardmäßig alle Einstellungen gelöscht. Du kannst einen Haken setzen, so dass die Einstellungen erhalten bleiben und wieder genutzt werden, falls du das Plugin irgendwann wieder installierst und aktivierst.

Verwendung

Schreibe folgenden Shortcode an die gewünschte Stelle, bspw. in den Text eines Beitrages, einer Seite, in ein Text-Widget für die Anzeige in der Sidebar oder im Footer.

[nvlg-sc url=“https://videoplattformurl“ thumb-url=“https://deine-wordpressseite-url-zum-video-vorschaubild-(video-thumb)“ alt=“{Text für Bildschirmlesegeräte und falls das Vorschaubild nicht angezeigt wird}“]

(Einführung zu Shortcodes zum Beispiel hier https://www.strato.de/hosting/wordpress-hosting/wordpress-shortcodes/.)

Wie funktioniert das Plugin?

Wenn die WordPress-Seite auf der du das Video verlinkt hast, aufgerufen wird, dann schaut das Plugin zuerst in der Mediathek nach, ob es dort das Vorschaubild für das Video findet. Falls ja, zeigt es das Vorschaubild mit farbigem Balken und Linktext an, fertig. Falls nein, wird gecheckt, ob das Video von YouTube oder Vimeo ist. Falls ja, wird versucht das Vorschaubild von dort herunterzuladen und in die Mediathek hochzuladen, was meistens auch funktioniert.

Wenn das Video kein Vorschaubild hat

Dann kannst du selbst ein Vorschaubild erstellen und in die Mediathek hochladen. Nutze in diesem Fall folgenden Shortcode mit einem Link zur Mediathek:

[nvlg-sc url=“https://videoplattformurl“ thumb-url=“https://deine-wordpressseite-url-zum-video-vorschaubild-(video-thumb)“ alt=“{Text für Bildschirmlesegeräte und falls das Vorschaubild nicht angezeigt wird}“]

Die thumb-url findest du in der Mediathek: Gehe zu dem Videovorschaubild und klicke auf „Weitere Details bearbeiten“. Im Bearbeitungsfenster wird auch ein Permalink angeboten. Der ist es nicht. Die gesuchte URL ist im Kasten „Speichern“ die „Datei-URL“. Sie hat folgende Form „https:// deine-wordpressseite-url/wp-content/uploads/…“

DSGVO-konform?!?

Wir sind keine Rechtsanwälte und können daher die DSGVO-Konformität nicht rechtssicher garantieren. Da das Vorschaubild lokal bei dir gespeichert wird und das Video auf der Videoplattform läuft, sehen wir allerdings keinen Grund, warum dem nicht so sein sollte.

FAQ

? Kann ich die Farben anpassen?

In der Basisversion brauchst du dazu CSS-Kenntnisse. Die einzelnen Elemente können über ihre Klassen einfach angesprochen werden. Wenn du magst, kannst du dich da reinarbeiten. Über den WordPress-Customizer / zusätzliches CSS hast du die Möglichkeit sicher zu experimentieren.

Falls du es einfacher haben willst, kannst auch das Pro Add-on erwerben, uns damit ein finanzielles Dankeschön zukommen lassen und wir revanchieren uns dann mit einem Customizer.

? Wie kann ich die Größe des Vorschaubildes bestimmen?

Ist der Textfluss beispielsweise auf einer Sidebar relativ eng ist, dann passt sich die Größe des Vorschaubildes ganz gut an. Wird das Vorschaubild in eine recht breite Spalte eingefügt, dann stellen sich Formatierungsfragen nach der Bildgröße oder auch der Ausrichtung. Die Voreinstellung wird von deinem Theme gemacht. Da es unterschiedliche Positionierungsarten gibt, und die Themes davon unterschiedlich Gebrauch machen, sehen wir da aktuell keine Möglichkeit dafür maßgeschneiderte Optionen anzubieten. Das heißt, du brauchst hierfür CSS-Kenntnisse, falls dir die Darstellungsgröße nicht gefällt.

? Ich will den Videolink in Widgets verwenden. Geht das?

Ja, wie bei allen Shortcodes: Sie funktionieren von Haus aus im Text-Widget. Falls du den Shortcode im HTML-Widget verwenden willst, musst du diese Funktion erst freischalten, indem du in der functions.php den entspechenden Filterwert setzt. Siehe zum Beispiel how to use shortcodes in sidebar widgets.

Screenshots

Mitwirkende / Entwickler

Michael Rumpelt
Interessen: Online-Tools fuer Zusammenarbeit, Abwicklungstools für Online-Shops , Themenspiele, Geldsystem, Kräuter
WordPress Einstiegsgeschichte: Wir haben jemanden beauftragt unsere Websitesachen zu erledigen …

Michael Hebenstreit
Interessen: UX-Design, Managementberatung, Themenspiele, Philosophie, Systems Thinking, Nachhaltigkeit, TanzWordPress Einstiegsgeschichte:… irgendwann brauchten wir in der spielecht Spieleverlag & Beratung GbR dann noch ein Plugin für dies und ein Tool für das …

Pro Add-on

Features

  • Customizer zum Einstellen der Farben (border, hoover, bar-background, arrow, text)
  • Customizer zum Einstellen der Schriftgröße
  • Beliebig viele Farbvarianten und Textvarianten für verschiedene Videos. Es können beliebig viele Shortcodeversionen mit verschiedenen Farb- und Textvarianten erzeugt werden. Beispielsweise um für spezielle Videos Farben zu bestimmten und eigene Texte unter dem Vorschaubild anzuzeigen.
  • Benutzerdefinierte CSS-Klassen: Den Shortcodeversionen können zusätzlich benutzerdefinierte Klassen zugeordnet werden. Beispielsweise um individuelle Formatierungen oder Animationen anzudocken.
  • Einfache Lizenz

Eine vollständige Beschreibung mit Screenshots und eine Link zum Shop findest du auf spielecht digital.

Animationen

Wir können nicht einschätzen, ob es für Nutzer*innen unseres Plugins Sinn ergibt, die Videovorschaubilder zu animieren. Immerhin ist mit dem Plugin nicht mehr auf der Website eingebettet, sondern verlinkt, weshalb auf der Website selbst weniger Action ist. Daher die Idee, denVorschaubild-Link zu animieren.

Eine einfache Animation gibt es als Teaser. Animationen setzen das pro Add-on voraus. Sie lassen sich über die zusätzlichen CSS-Klassen andocken, die mit dem pro Add-on hinzugefügt werden können.

Gute Animationen zu machen ist durchaus ein beträchtlicher Aufwand und braucht einiges an technischem, grafischem und rhythmischem Verständnis. Wir stoßen dabei schnell an unsere Grenzen. Deshalb überlegen wir, dafür einen Marktplatz zu schaffen. Dort könntest du deine Animation für den Videolink anbieten.

Eine Beschreibung mit Live-Demo, Marktplatzskizze und Link zu Shop findest du auf spielecht digital. Schreibe uns bei Interesse gerne an!

Download

Download und Installation über das WP-Pluginarchiv: [yet to come]

Kategorien
Pro WordPress Plugins

Nice Video Link (DSGVO konform!): pro Add-on

BAUSTELLE

Das WordPress Plugin um schlichte, schöne DSGVO-konforme Vorschaubilder von Youtube- und anderen Videos zu präsentieren.

Du findest die Basisversion mit einer ausführlichen Beschreibung im Worpress-Plugin-Repository.

Features

  • Customizer zum Einstellen der Farben (border, hoover, bar-background, arrow, text)
  • Customizer zum Einstellen der Schriftgröße
  • Beliebig viele Farbvarianten und Textvarianten für verschiedene Videos. Es können beliebig viele Shortcodeversionen mit verschiedenen Farb- und Textvarianten erzeugt werden. Beispielsweise um für spezielle Videos Farben zu bestimmten und eigene Texte unter dem Vorschaubild anzuzeigen.
  • Benutzerdefinierte CSS-Klassen: Den Shortcodeversionen können zusätzlich benutzerdefinierte Klassen zugeordnet werden. Beispielsweise um individuelle Formatierungen oder Animationen anzudocken.
  • Einfache Lizenz

Verfügbare Sprachen

Das Plugin ist vorbereitet für Übersetzungen. Aktuell gibt es das Plugin mit englischem und mit deutschem Erläuterungstext.

Installation

Das Add-on wird wie andere Plugins von WordPress installiert. Es wird zusätzlich zum Nice-Video-GDPR-Link Plugin installiert.

Einstellungen und Verwendung

Die Einstellungsseite findest du hier: Dashboard > Einstellungen > NiViGLink add on.

Shortcodeversion hinzufügen

Auf der Einstellungsseite des Add-ons kannst du neue Shortcodeversionen erzeugen, indem du auf das „+“ Symbol im oberen Bereich klickst.

Du kannst jede Shortcodeversion mit einem

  • eigenen Textunter dem Videovorschaubild versehen,
  • eine eigene Schriftgröße wählen
  • eigene Farbenvarianten einstellen und
  • eigene CSS-Klassen zuordnen.

Die Versionen verwendest du, indem du zu einem Shortcode noch ein „version“-Attribut hinzufügst. Zum Beispiel „version=2“.

Ups, die Videourl scheint ungültig zu sein. Erwartet: [nvgl-sc url="https://etwas" thumb-url="https://deine-wordpress-seite-url-zum-video-vorschaubild-(video-thumb)" alt="{Text für Bildschirmlesegeräte und falls das Vorschaubild nicht angezeigt wird}"] alt=“{Aussagekräftiger Text für Textlesegeräte, oder wenn das Vorschaubild nicht angezeigt}“]

Die Texte unter den Videovorschaubildern passt du auf der Einstellungsseite des Basisplugins an. Ein Link führt dich direkt dahin.

Customizer

Eingestellt werden können eine

Standardversion

Der Standard kann individuell definiert werden. Er gilt im ersten Schritt für alle Shortcodeversionen. Damit Änderungen des Standards für die Shortcodeversionen im Customizer wirksam werden, müssen die Änderungen gespeichert und das Browserfenster neu geladen werden.

  • Shortcodeversionen

Für jede Shortcodeversion können im zweiten Schritt die Einstellungsoptionen individuell verschieden definiert werden.

Einstellungsoptionen

  • Rahmenfarbe
  • Hoover-Rahmenfarbe
  • Balkenfarbe
  • Pfeilfarbe
  • Schriftfarbe
  • Schriftgröße

Damit Änderungen des Standards für die anderen Versionen im Customizer wirksam werden, müssen die Änderungen gespeichert werden und das Browserfenster neu geladen werden.

Benutzerdefinierte Klassen verwenden

Auf der Einstellungsseite des Add-ons kannst du den einzelnen Versionen benutzerdefinierte Klassen hinzufügen. Diese Klassen werden dem wrapper-div hinzugefügt.

Screenshots

Lizenz

Einmal kaufen – immer verwenden

Preis, Lizenz für alle deine persönlichen Websites: 9,00 € inkl. MwSt.

Wenn Du Websites für andere baust und das Plugin verwenden willst, erwirb ein Plugin für jede Kund*in. Dazu gibt es den Staffelpreis, 1 Lizenz für 9,00 € inkl. MwSt. und 5 Lizenzen für Websites von 5 Kund*innen: 30,00 € inkl. MwSt.

FAQ

Was ist mit Sicherheitsupdates?

Sicherheitsupdates machen wir solange wir das Add-on anbieten

? Was ist mit Feature-Upgrades. Sind die in der Lizenz enthalten?

Kleinere Ergänzungen, um das Add-on ggf. abzurunden, sind mit drin. Größere Anbauten, sind nicht drin, dafür wäre dann die erweiterte Version neu zu kaufen.

-> Zum Shop: Digistore24