Integrationen

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

whatchado Embeds

Mit den whatchado Embeds können Inhalte von 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.

Layout

Alle Embeds werden über ein Iframe eingebettet, die Parameter für Höhe und Breite des Iframes können über die Werte im Embed Code (width, height) individuell angepasst werden. Zusätzlich bieten wir ein Script, welches die Höhe automatisch an die Inhalte anpasst:

<script src="https://www.whatchado.com/js/wcd.canvas.js"></script>

Video Story Embed

https://www.whatchado.com/de/stories/embed/jubin-honarfar

Story Embeds dienen dazu, einzelne whatchado Video Stories auf Ihrer Seite einzubetten, beispielsweise wenn Sie eine gewisse Person oder einen Beruf auf Ihrer Karriereseite oder Stellenausschreibung darstellen bzw. hervorheben möchten.

Einbindung

  • Fixe Größe:

<iframe width="560" height="315" src="https://www.whatchado.com/de/stories/embed/jubin-honarfar" scrolling="no" allowfullscreen frameborder="0">
</iframe>

  • Responsive:

<div style="position: relative; padding-top: 56.25%; height: 0;">
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.whatchado.com/de/stories/embed/jubin-honarfar" scrolling="no" allowfullscreen frameborder="0">
</iframe>
</div>

  • Responsive mit js:

<script src="https://www.whatchado.com/js/wcd.canvas.js"></script>
<iframe class="js-whatchado-player" width="100%" src="https://www.whatchado.com/de/stories/embed/jubin-honarfar" scrolling="no" allowfullscreen frameborder="0">
</iframe>

  • Parameter:

Mittels des ?autoplay Parameters kann gesteuert werden, ob das Video beim Seitenaufruf automatisch abgespielt wird:
... src="https://www.whatchado.com/de/stories/embed/jubin-honarfar?autoplay=1"

Video Stories Grid Embed

https://www.whatchado.com/de/channels/widget/whatchado

Das Video Stories Grid Embed (Unternehmensprofil Widget) ist eine reduzierte Version des Unternehmensprofil Embeds, und liefert in einem Raster alle whatchado Video Stories Ihres Unternehmens, ohne Header oder Pagination. Wenn das Matching bereits auf whatchado.com ausgefüllt wurde, wird auch der Matching Prozentsatz angezeigt. Klickt man auf eine Story, wird die Video Detailseite auf whatchado.com aufgerufen.

Einbindung

  • Responsive:

<script src="https://www.whatchado.com/js/wcd.canvas.js"></script>
<iframe class="js-whatchado-embed"
src="https://www.whatchado.com/de/channels/widget/whatchado"
width="100%" height="700" allowfullscreen scrolling="no" frameborder="0">
</iframe>

  • Parameter:

Die Anzahl der Videos kann über einen ?limit Parameter festgelegt werden, standardmäßig werden maximal 60 angezeigt. Die Video Stories sind zu den jeweiligen Videos auf whatchado.com verlinkt und öffnen in einem neuen Fenster.

... src="https://www.whatchado.com/de/channels/widget/whatchado?limit=8"

Um den Abstand rechts (margin right) zu entfernen, kann der ?flush Parameter angehängt werden:

... src="https://www.whatchado.com/de/channels/widget/whatchado?flush"

Um die Videos in einem Overlay-Player abzuspielen, kann der ?modal_player Parameter angehängt werden:

... src="https://www.whatchado.com/de/channels/widget/whatchado?modal_player=1"

Die Parameter können natürlich auch mittels eines & kombiniert werden:

... /widget/whatchado?flush&limit=16&modal_player=1"

Unternehmensprofil Embed

https://www.whatchado.com/de/channels/embed/whatchado

Das Unternehmensprofil Embed ist die umfassendste Darstellungsform Ihrer whatchado Video Stories, inklusive Unternehmensprofil Header und dem whatchado Matching. Bei ausgefülltem Matching werden die Stories nach dem Matching Prozentsatz sortiert und die Videos werden auf mehrere Seiten aufgeteilt, falls die Menge an Stories zu groß für die Darstellung auf einer Seite ist (Pagination). Die Videos öffnen sich in einem Overlay.

Einbindung

  • Fixe Größe (nicht empfohlen):

<iframe class="js-whatchado-embed"
src="https://www.whatchado.com/de/channels/embed/whatchado" width="960"
height="1200" frameborder="0" allowfullscreen>
</iframe>

  • Responsive:

<script src="https://www.whatchado.com/js/wcd.canvas.js"></script>
<iframe class="js-whatchado-embed"
src="https://www.whatchado.com/de/channels/embed/whatchado"
width="100%" height="1200" frameborder="0" allowfullscreen scrolling="no">
</iframe>

  • Parameter:

Mit dem ?filters Parameter wird dem Embed eine Filter-Sektion hinzugefügt, mit der sich die Inhalte nach Brache, Sprache oder Land filtern lassen.
... src="https://www.whatchado.com/de/channels/embed/whatchado?filters=1"

whatchado API

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

Detaillierte Infos finden Sie auf unserer API Spezifikation, für mehr Infos kontaktieren Sie bitte raphael@whatchado.com.