Wenn du offene Stellen lieber direkt auf deiner bestehenden Unternehmenswebsite veröffentlichen möchtest, anstatt eine separate Karriereseite zu nutzen, bietet das Jobs-Widget eine einbettbare JavaScript-Lösung. Das Widget synchronisiert sich automatisch mit Recruitee. So wird sichergestellt, dass jede Veröffentlichung, Archivierung oder Änderung einer Stellenanzeige sofort auf deiner eigenen Website übernommen wird.
📌 Hinweis: Die Implementierung des Jobs-Widgets ist eine fortgeschrittene Konfiguration, die Zugriff auf den HTML-Quellcode deiner Website erfordert.
Ein Beispiel für das Jobs-Widget von Recruitee in Aktion:
Deine Widget-Einstellungen konfigurieren
Bevor du den Code auf deiner Website einbettest, kannst du das Erscheinungsbild sowie die Gruppierungs- und Filteroptionen des Widgets in deinem Recruitee-Dashboard anpassen.
1. Klicke oben rechts auf der Plattform auf Einstellungen.
2. Wähle unter dem Bereich Apps und Plugins die Option Jobs-Widget.
3. Konfiguriere unter dem Tab Einstellungen deine bevorzugten strukturellen und stilistischen Optionen:
Unternehmen: Wähle aus, von welchem spezifischen Unternehmenskonto du aktive Stellenangebote abrufen möchtest.
Aktion: Lege fest, was passiert, wenn ein*e Kandidat*in auf eine offene Stelle klickt (z. B. das Bewerbungsformular in einem neuen Tab öffnen oder die Beschreibung ausklappen).
Hauptfarben: Richte das visuelle Design deines Widgets ein. Standardmäßig übernimmt das Widget das Farbschema aus deinen aktuellen Einstellungen für die Karriereseite. Du kannst die Attribute für Primär, Sekundär, Text und Text dunkel hier manuell anpassen.
Sichtbar: Schalte um, ob Stadt und Land neben jedem Jobtitel angezeigt werden sollen.
Gruppieren nach: Wähle aus, wie deine offenen Rollen kategorisiert werden sollen (z. B. Gruppierung nach Abteilung oder Bürostandort).
Nach Abteilungen filtern: Grenze deine Liste ein, indem du nur bestimmte Abteilungen auswählst, die in dieser bestimmten Widget-Instanz angezeigt werden sollen.
Anzeigesprache: Wähle die Sprache, in der die Elemente der Benutzeroberfläche erscheinen. Bitte beachte, dass das Widget Texte nicht übersetzt und die Rollen in der Hauptsprache anzeigt, in der sie verfasst wurden.
Allgemeine Geschäftsbedingungen: Füge Kontrollkästchen für die Zustimmung zur Datenerhebung hinzu, um die gesetzlichen Vorschriften bei der Erfassung von Kandidatendaten zu gewährleisten.
4. Klicke auf Speichern, um deine Konfigurationsoptionen zu übernehmen.
⚠️ Wichtig: Das Anpassen der Hauptfarben oder der allgemeinen Optionen für das Erscheinungsbild aktualisiert das bereits auf deiner Website aktive Widget nicht rückwirkend. Wenn du diese spezifischen visuellen Parameter in Recruitee änderst, musst du das neu generierte Code-Snippet kopieren und wieder in den HTML-Editor deiner Website einfügen.
📌 Hinweis: Im Gegensatz zu Designänderungen werden bei Anpassungen der Allgemeinen Geschäftsbedingungen oder Datenschutzvereinbarungen in Recruitee die Widgets auf deiner Live-Website automatisch aktualisiert, ohne dass du das Code-Snippet austauschen musst.
Vorschau anzeigen und deinen Einbettungscode exportieren
Sobald deine Einstellungen feststehen, überprüfe das Layout und exportiere das Skript.
1. Klicke auf den Tab Vorschau neben den Einstellungen, um eine visuelle Live-Vorschau davon zu sehen, wie deine Auswahl für Besucher*innen aussehen wird. Wenn du in Recruitee keine aktiv veröffentlichten Jobangebote hast, wird die Meldung „Keine Jobs gefunden“ angezeigt.
2. Gehe entweder zum Tab Code (sync) oder Code (async), um deine einsatzbereiten JavaScript-Snippets anzuzeigen.
3. Klicke oben rechts im gewählten Codeblock auf In Zwischenablage kopieren.
💡 Tipp: Die Wahl zwischen synchroner und asynchroner Integration hat Einfluss darauf, wie deine Website geladen wird. Code (synchron) lädt chronologisch mit deiner Webseite. Wenn also ein Problem mit dem Content Delivery Network (CDN) auftritt, könnte dies die Ladezeit deiner Website verzögern. Code (asynchron) lädt unabhängig und verhindert, dass Verzögerungen des Widgets die Hauptelemente deiner Website blockieren. Konsultiere dein Technik- oder IT-Team, um zu bestimmen, welches Skript für deine Umgebung am besten geeignet ist.
Das Widget auf deiner Website einbetten
Um live zu gehen, öffne das Content-Management-System (CMS) oder die rohen Quelldateien deiner Website. Füge das kopierte JavaScript-Snippet direkt in den HTML-Body an der exakten Stelle ein, an der deine Jobliste auf der Seite angezeigt werden soll.
Quellenverfolgung und -analyse
Wenn sich ein*e Kandidat*in über ein eingebettetes Widget auf eine Stelle bewirbt, erfasst und registriert Recruitee standardmäßig automatisch den spezifischen Domainnamen, auf dem dein Widget gehostet wird, als Bewerbungsquelle. Dadurch bleiben deine Daten zur Talentakquisition korrekt, ohne dass benutzerdefinierte Tracking-Tags erforderlich sind.
💡 Tipp: Wenn dein Entwicklerteam umfassende Designänderungen vornehmen muss, kannst du benutzerdefiniertes CSS direkt in die Stylesheets deiner Webseite einfügen, um das Standardlayout des Widgets zu überschreiben. Falls du erweiterte Anpassungen benötigst, die über CSS hinausgehen, solltest du stattdessen unsere Entwickler-API-Integrationen nutzen.