Integration per JavaScript Snippet

concludis bietet verschiedene Möglichkeiten, die Stellenbörse bzw. das Bewerbungsformular in die bestehende Corporate Homepage (CHP) zu integrieren. Zur mittlerweile veralteten iFrame-Technologie und der aufwändigeren Integration via API steht mit dem JavaScript Snippet eine schlanke und gleichzeitig moderne Alternative zur Verfügung, für die keine Programmierkenntnisse erforderlich sind.

Einzige Voraussetzung ist der Zugang zum CMS bzw. Zugriffs-/Editierrechte der Internetseiten, in die die Stellenbörse bzw. das Formular integriert werden sollen. 

Integration der concludis Stellenbörse

Beispielstellenbörse: https://diederichs-gruppe.de/karriere/

Die Integration des JavaScripts findet in drei Schritten statt. Zunächst muss das Snippet im CMS des Kunden eingefügt werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type= "text/javascript" >
( function (a,b,c,d,e,f,g){a[d]=a[d]|| function (){(a[d].q=a[d].q||[]).push(arguments)},a[d].host=e;
f=b.createElement(c),g=b.getElementsByTagName(c)[0];f.defer= true ;
f.src= '//' +e+ '/bewerber/jobportal.js' ;g.parentNode.insertBefore(f,g);
})(window,document, 'script' , 'concludis' , 'kunde.concludis.de' );
concludis( 'setMainContainer' , 'concludis_kunde_stellenangebote' );
//concludis('scrollOnLoad', 'container' oder 'top');
//concludis('setJobBoard', '1');
//concludis('setLanguage', 'en_GB');
//concludis('setIntern', '1');
//concludis('setCountry', 'DE');
//concludis('setState', 'NW');
//concludis('setProvince', '05315|05334');
//concludis('setCity', '10|4');
//concludis('setJobGroup1', '4|5');
//concludis('setJobGroup2', '1');
//concludis('setJobGroup3', '2');
//concludis('setCompany', '7');
//concludis('setSeniority', '6');
//concludis('setClassification', '5');
//concludis('setSchedule', '4');
//concludis('setCategory', '3');
//concludis('setYearsOfExperience', '2');
//concludis('setRegion', '1');
//concludis('setRadiusZip', '12345');
//concludis('setRadiusKm', 50);
</script>
<div id= "concludis_kunde_stellenangebote" >Job board is loading ...</div>

Das Snippet erfordert kundenspezifische Angaben. Optional kann es bei Bedarf um Parameter ergänzt werden, die die Stellen in der Börse bereits nach festgelegten Kriterien filtert. Diese im Beispiel durch // auskommentierten Parameter können bei Nichtverwendung entfernt werden. Anpassungen müssen bzw. können wie folgt vorgenommen werden.

Alle Werte dieser optionalen Parameter können der URL der normalen Stellenbörsenansicht entnommen werden, deren Aufbau stets demselben Schema folgt:https://kunde.concludis.de/prj/lst/a181a603769c1f98ad927e7367c7aa51/GesamtlisteOffenePositionen.htm. In dieser Stellenbörse müssen lediglich die gewünschten Filter eingestellt und der URL entnommen werden, z.B. "&stellort=10|4".

Schritt 2

Im Gegenzug muss concludis die URL bekannt sein, unter der die Stellenbörse aufzurufen ist. Diese wird im System hinterlegt und stellt sicher, dass die Stellenanzeige bei einem Aufruf über die originäre concludis URL (bspw. aufgrund einer Veröffentlichung in einem externen Jobportal über concludis) dennoch in der CHP des Kunden und an der richtigen Stelle geladen wird.

Erfolgt die Hinterlegung der Ziel-URL nicht, so würde sich die Anzeige "raw" und i.d.R. ohne CSS öffnen, da sich dieses im CMS des Kunden befindet.

Im obigen Beispiel für REWE Dortmund lautet die in concludis zu hinterlegende Ziel-URL also 'https://www.rewe-dortmund.de/jobs'. Hat der Kunde mehrere Stellenbörsen in concludis definiert - bspw. um verschiedene Gesellschaften mit eigenständigen Internetauftritten einzeln abzubilden - so kann je Stellenbörse eine Ziel-URL hinterlegt werden.

Schritt 3

Abschließend kann die Stellenbörse unmittelbar im CMS des Kunden oder - alternativ - über das concludis Webseiten-Setup per CSS gestyled werden.

Integration des concludis Bewerbungsformulars

Wichtig: Die Seite, auf der das Formular eingebettet wird, darf nur über https laufen. Auf http liefert das Script lediglich eine Sicherheitswarnung aus.

Das Snippet für das Bewerbungsformular setzt sich wie folgt zusammen:

<script type= "text/javascript" >
( function (a,b,c,d,e,f,g){a[d]=a[d]|| function (){(a[d].q=a[d].q||[]).push(arguments)},a[d].host=e;
f=b.createElement(c),g=b.getElementsByTagName(c)[0];f.defer= true ;
f.src= '//' +e+ '/bewerber/jobapply.js' ;g.parentNode.insertBefore(f,g);
})(window,document, 'script' , 'concludis' , 'kunde.concludis.de' );
concludis( 'setMainContainer' , 'concludis_application_form' );
//concludis('setJob', 353);
//concludis('setJobBoard', '1');
//concludis('setLanguage', 'en_GB');
//concludis('setIntern', '1');
//concludis('setCity', '10|4');
//concludis('setSource', 8);
//concludis('setApplyPath', 'email');
</script>
<div id= "concludis_application_form" >Application form is loading ...</div>

Konfiguration des Snippets

<script type="text/javascript">
(function(a,b,c,d,e,f,g){a[d]=a[d]||function(){(a[d].q=a[d].q||[]).push(arguments)},a[d].host=e;
f=b.createElement(c),g=b.getElementsByTagName(c)[0];f.defer=true;
f.src='//'+e+'/bewerber/jobapply.js';g.parentNode.insertBefore(f,g);
})(window,document,'script','concludis','kunde.concludis.de');
concludis('setMainContainer', 'concludis_application_form');
//concludis('setJob', 353);
//concludis('setJobBoard', '1');
//concludis('setLanguage', 'en_GB');
//concludis('setIntern', '1');
//concludis('setCity', '10|4');
//concludis('setSource', 8);
//concludis('setApplyPath', 'email');
</script>
<div id="concludis_application_form">Application form is loading ...</div>

Sie können bestimmte Parameter bearbeiten:

Parameter in fett-Schrift: Die optionalen Standardeinstellungen können gesetzt werden, falls ein Aufruf der Seite ohne URL-Parameter erfolgt bzw. das Bewerbungsformular in einer bestimmten (Vor-) Konfiguration dargestellt werden soll. Ansonsten werden diese Parameter per URL/Hash-Parameter überschrieben.

Parameter in kursiv-Schrift: Die ID des Containers, in den das Formular geladen werden soll (im Beispiel: 'concludis_kunde_stellenangebote'). Sie kann beliebig verändert werden, muss an beide Stellen synchron gehalten werden.

Unterstrichener Parameter: Hier muss die Kunden-Domain eingetragen werden.

Anschließend kann das Formular per CSS gestyled werden.

Nach der Einbindung erfolgt der Aufruf eines Bewerbungsformulars wie folgt:

https://www.kundenseite.de/seite.htm#prj=26&b=4&ie=1&quelle=0&stellort=2|10

Die einzelnen Parameter-Bezeichnungen (prj, b etc.) sind identisch mit den jetzigen Parametern aus der Stellenbörse bzw. den Bewerbungsformularen. Hier die ausführliche Liste:

  • Projektnummer: prj
  • Börsennummer: b
  • Externe Stelle: ie (kann nur "1" = ja oder "0" = nein sein)
  • Quellennummer: quelle
  • Stellenortnummer: stellort (mehrere mit "|" getrennt)
  • Sprache: lang (z.B. "de_DE", "en_GB")

Weitere Informationen zur Ziel-URL bei Mehrsprachigkeit

Dem concludis-System müssen bei Snippet-Einbindung die Ziel-URLs bekannt sein um bei Verlinkungen korrekt auf die Unternehmens-Webseiten weiterleiten zu können.
Im Folgenden Beispiel wird ein realistischer Fall geschildert, um das erforderliche Vorgehen zu veranschaulichen:

Struktur der Unternehmenswebsite

https://www.example.com/karriere 
(Stellenbörsen-Snippet, deutsch, hier wird also die Liste der offenen Stellen auf Deutsch angezeigt.)

https://www.example.com/en/career 
(Stellenbörsen-Snippet, englisch, hier wird also die Liste der offenen Stellen auf Englisch angezeigt.)

https://www.example.com/karriere/194 
(Stellenbörsen-Snippet, deutsch, mit <em>concludis('setJob', 194); </em>hier wird also die Stellenanzeige 194 auf deutsch angezeigt. Die ID 194 ist exemplarisch, diese URL löst jegliche [jobid] identisch auf.)

https://www.example.com/en/career/194
(Stellenbörsen-Snippet, englisch, mit <em>concludis('setJob', 194); </em>hier wird also die Stellenanzeige 194 auf englisch angezeigt. Die ID 194 ist exemplarisch, diese URL löst jegliche [jobid] identisch auf.)

https://www.example.com/karriere/bewerben
(Bewerbungsformular-Snippet, deutsch, hier wird also das Bewerbungsformular auf Deutsch angezeigt.)

https://www.example.com/en/carreer/apply
(Bewerbungsformular-Snippet, englisch, hier wird also das Bewerbungsformular auf Englisch angezeigt.)

Ziel-URL im concludis-System

Die o.g. Struktur ist nicht einheitlich. Es werden jeweils für englisch bzw. deutsch unterschiedliche URLs angeboten. Im concludis-System muss jedoch eine einheitliche Ziel-URL angegeben werden.
Die URLs müssen also nun vereinheitlicht werden! Zu diesem Zweck müssen auf der Unternehmens-Website folgende Weiterleitungen definiert werden:

https://www.example.com/de/career > https://www.example.com/karriere
https://www.example.com/de/career/[jobid] > https://www.example.com/karriere/[jobid]
https://www.example.com/de/career/apply > https://www.example.com/karriere/bewerben

In concludis können nun folgende (einheitliche) Ziel-URLs hinterlegt werden:

https://www.example.com/[lang]/career (Stellenbörse)
https://www.example.com/[lang]/career/[jobid] (Stellenanzeige)
https://www.example.com/[lang]/carreer/apply (Bewerbungsformular)

Durch die auf der Unternehmenswebsite eingerichteten Weiterleitungen führen die URLs nun immer zum gewünschten Ziel.

Hat das Ihre Frage beantwortet? Vielen Dank für Ihr Feedback Ihr Feedback konnte leider nicht gespeichert werden. Bitte versuchen Sie es später nocheinmal.