So bindest du deine pemundo-Bewerbungsseite in eine bestehende Website ein – ohne externe Bibliotheken.
Die Bewerbungsseite wird in einem iframe auf deiner Website angezeigt. Ein kleines Script sorgt dafür, dass sich die Höhe des iframes automatisch an den Inhalt anpasst – ohne Scrollbalken, ohne Sprung. Dafür sind keine externen Bibliotheken wie iframe-resizer nötig.
Kopiere den folgenden Code-Block an die Stelle auf deiner Website, an der die Stellenanzeige erscheinen soll. Ersetze die src-URL durch die URL deiner Bewerbungsseite:
<iframe id="pemundoJob" src="jobboard link einfügen"
style="width:100%; border:none; overflow:hidden;"
scrolling="no"></iframe>
<script>
window.addEventListener('message', function(e)
{if (e.data && e.data.type === 'pemundo-resize')
{document.getElementById('pemundoJob').style.height = e.data.height + 'px'; }});
</script>
id
Eindeutige ID, damit das Script das iframe ansprechen kann.
src
URL deiner Bewerbungsseite inkl. jobCode und title.
style
Volle Breite, kein Rahmen, kein Überlauf.
scrolling="no"
Deaktiviert den Scrollbalken im iframe – die Höhe wird ja automatisch angepasst.
UTM-Parameter mit übergeben
Du kannst UTM-Tracking-Parameter direkt in die iframe-URL einbauen. Diese werden automatisch mit der Bewerbung an SharePoint übermittelt. Mehr zu UTM-Parametern und Tracking findest du hier.
iframe bleibt weiß / lädt nicht
Prüfe die URL im src-Attribut – öffne sie direkt im Browser. Stimmen jobCode und title?
Höhe passt sich nicht an
Prüfe, ob das <script> nach dem iframe steht und ob scrolling="no" gesetzt ist.
Scrollbalken im iframe
Stelle sicher, dass overflow:hidden im style steht und scrolling="no" gesetzt ist.
Doppelter Scrollbalken (Seite + iframe)
Das Auto-Resize-Script fehlt oder funktioniert nicht. Prüfe die Browser-Konsole auf Fehler.
Falls die Einbettung auf deiner Website nicht wie erwartet funktioniert, wende dich an dein pemundo-Team. Wir helfen dir gerne bei der Integration!