whatchado Embeds

Alle Möglichkeiten, um whatchado Inhalte auf Ihrer Website zu integrieren.

Start Videostory Embed Unternehmensprofil Embed Embed Konfigurator whatchado API

whatchado Embeds

Mit den whatchado Embeds können Inhalte aus Ihrem Unternehmensprofil bei whatchado.com auf jeder beliebigen Website integriert werden. Wir bieten diverse Lösungen für verschiedene Anwendungsgebiete. Auf dieser Seite finden Sie Beispiele und die zugehörigen Embed Codes sowie Erläuterungen der optionalen Parameter.

Alle unsere Embeds kommen ohne Cookies aus und enthalten keinerlei Tracking Code.

Video Embed

https://www.whatchado.com/de/embeds/videos/video-path

Video Embeds dienen dazu, einzelne whatchado Videostories oder sonstige Einblickvideos, die sich auf Ihrem whatchado Unternehmensprofil befinden, auf Ihrer Seite einzubetten. Beispielsweise wenn Sie eine gewisse Person oder einen Beruf auf Ihrer Karriereseite oder Stellenausschreibung darstellen bzw. hervorheben möchten.

Vorteile einer Einbindung mittels whatchado Video Embed gegenüber einer eigenen Implementierung:

  • Das Video ist immer up to date
  • Ein moderner Video Player mit den von whatchado bekannten Funktionen
    • Responsive
    • Thumbnail (Vorschaubild)
    • Auswahl verschiedener Videoqualitäten
    • Ein-/Ausblenden von Untertiteln (sofern vorhanden)
    • Social Media Sharing Funktion
    • Vollbildmodus
    • whatchado Kapitelmarken (zu den einzelnen Interview Fragen)
  • Zukünftige Player Features und Bugfixes sind sofort ohne Zusatzaufwand verfügbar

Beispiel

whatchado Job Ad Video

Layout

Das Video Embed passt sich in Höhe und Breite automatisch an, wichtig dabei ist nur, dass das Iframe im gegebenen <div> Container eingebettet ist.

<div style="position: relative; padding-top: 56.25%; height: 0;"> <IFRAME/> </div>

Einbindung

Alles was Sie für die Implementierung benötigen, ist der video-path. Diesen bekommen Sie von Ihrem Key Accounter zur Verfügung gestellt.

<div style="position: relative; padding-top: 56.25%; height: 0;">
<iframe title="story embed" src="https://www.whatchado.com/de/embeds/videos/video-path" style="position:absolute;top:0;border:0;width:100%;height:100%" allowfullscreen="true"></iframe>
</div>

  • Parameter:

Mittels des ?autoplay Parameters kann gesteuert werden, ob das Video beim Seitenaufruf automatisch abgespielt wird, allerdings ist der Ton in diesem Fall stumm geschaltet bis ihn der User aktiv einschaltet:
... src="https://www.whatchado.com/de/embeds/videos/video-path?autoplay=true"

Unternehmensprofil Embed

https://www.whatchado.com/de/embeds/organizations/organization-path

Das Unternehmensprofil Embed ist eine umfassende Integration Ihrer whatchado Videostories aus Ihrem Unternehmensprofil. Mithilfe einiger Parameter lässt sich die Darstellungsform ideal auf Ihre Bedürfnisse anpassen, so lassen sich die einzelnen Sektionen des Embeds ein-/ oder ausblenden, oder die Anzahl der angezeigten Videos festlegen. Das Iframe ist responsive, der Hintergrund transparent und rahmenlos, das Embed fügt sich also ideal in jede beliebige Webseite ein und funktioniert auch auf mobilen Geräten "out of the box".

Unter den technischen Details finden Sie ein Tool zur Konfiguration Ihres Embeds, inklusive live-Vorschau.

Layout

Das Unternehmensprofil Embed wird über ein Iframe eingebettet. Für eine Implementierung auf Ihrer Seite benötigen Sie bloß den Pfad Ihres Unternehmensprofils (company-path), welchen Sie von Ihrem Key Accounter zur Verfügung gestellt bekommen.

Für die automatische Anpassung der Höhe des Iframes bieten wir ein Script, welches für eine optimale Darstellung benötigt wird:

<script src="https://scripts.whatchado.com/wcd.embed.js"></script>

Einbindung

  • Parameter:

    Nach der eigentlichen URL können diverse Parameter mittels eines "?" angehängt werden:

    • limit (Zahl): legt die Anzahl der Videos fest, die standardmäßig angezeigt werden. Default (ohne Parameter): alle Stories
      ... src="https://www.whatchado.com/de/embeds/organizations/company-path?limit=4"
    • hideHeader (true/false): blendet die Darstellung des Header-Bildes aus. Default (ohne Parameter): false
      ... src="https://www.whatchado.com/de/embeds/organizations/company-path?hideHeaders=true"
    • hideInfoSection (true/false): blendet die Sektion mit Unternehmensdaten aus. Default (ohne Parameter): false
      ... src="https://www.whatchado.com/de/embeds/organizations/company-path?hideInfoSection=true"
    • disableSearch (true/false): blendet das dynamische Suchfeld für die Videostories aus. Default (ohne Parameter): false
      ... src="https://www.whatchado.com/de/embeds/organizations/company-path?disableSearch=true"

Mehrere Parameter lassen sich beliebig mit einem "&" miteinander verbinden:
... src="https://www.whatchado.com/de/embeds/organizations/company-path?limit=8&hideInfoSection=true&disableSearch=true"

Konfigurator

whatchado API

Für spezielle Integrationen von whatchado Videostories steht Ihnen unsere API zur Verfügung, mit der Inhalte nach bestimmten Kriterien gefiltert und ausgespielt werden können.

Für mehr Infos kontaktieren Sie bitte raphael@whatchado.com.