Newsletter-Einstellungen

<h1>Newsletterangebot <br /> der Bundesagentur für Arbeit</h1><p>Ihre Newsletter-Einstellungen können Sie jederzeit über diese Seite anpassen. Um Ihnen ein personalisiertes Newslettererlebnis bereitzustellen, können Sie hier optional zusätzliche Daten zu Ihrer Person eintragen. Diese Daten werden ausschließlich dafür verwendet, Ihnen passende Inhalte auszuspielen und werden nicht an Dritte weitergegeben.</p>

<div class="container-fluid">
    <div class="form-element" id="anmeldung"></div>
</div>
<style scoped="" type="text/css">
    .mauticform-center-wrapper {
        max-width: 600px;
        margin: 10px auto;
    }
</style>
<script>
    (() => {
        const classes = ['position-relative', 'ba-loading', 'ba-loading-small'];
        let contactKnown = false;

        const formElement = document.querySelector('.form-element');
        formElement.parentNode.classList.add(...classes);

        const tag = () => {
            const formID = contactKnown ? 206 : 226;
            const formUrl = "//web.arbeitsagentur.de/dxp/mautic/form/generate.js?id=" + formID; // hier link anpassen

            const tagElement = document.createElement("script");
            tagElement.src = formUrl;
            tagElement.addEventListener('load', () => {
                formElement.parentNode.classList.remove(...classes);

                if (formID === 226) {
                    checkContactKnown();
                }
            })

            return tagElement;
        }

        const headerReady = () => {
            let headerFound = false;

            document
                .querySelectorAll('.hydrated')
                .forEach(element => {
                    if (element.tagName.includes('BAHF-HEADER') || element.tagName.includes('BAHF-FALLBACK-HEADER')) {
                        headerFound = true;
                    }
                });

            return headerFound;
        };

        const checkContactKnown = () => {
            // only start check if unknown
            if (contactKnown !== false) {
                return;
            }

            const emailInput = document.querySelector('[name^=mauticform][type=email]');

            if (typeof emailInput === "undefined" || emailInput.value.length === 0) {
                return;
            }

            if (emailInput.value === "") {
                return;
            }

            contactKnown = true;
            asyncLoading = setInterval(() => loadTagElement(), 100);
        }

        const loadTagElement = () => {
            // footer not ready yet
            if (document.readyState !== 'complete' || headerReady() === false) {
                return;
            }

            clearInterval(asyncLoading);

            formElement.innerHTML = "";
            formElement.appendChild(tag());
        };

        let asyncLoading = setInterval(() => loadTagElement(), 100);
    })();
</script>

<div class="container-fluid">
    <hr>
    <p>Falls Sie dies nicht wünschen, können Sie Ihre Newsletter Daten unwiderruflich löschen lassen.</p>
    <button class="ba-btn" data-bs-toggle="modal" data-bs-target="#dialogSegmentDelete" id="segmentDeletePopBtn">Newsletterdaten löschen</button>
</div>


<div class="modal fade" id="dialogSegmentDelete" tabindex="-1" role="dialog" aria-label="Personalisierungsdaten löschen"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ba-prompt">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="ba-modal-close" data-bs-dismiss="modal" aria-label="Modaldialog schließen"
                        title="Modaldialog schließen"></button>
                <h1 class="modal-title">Newsletter Daten löschen</h1>
            </div>
            <div class="modal-body">
                <p>Möchten Sie wirklich alle Ihre <strong>Newsletter Daten</strong> löschen lassen. Wollen Sie fortfahren?</p>
            </div>
            <div class="modal-footer">
                <button class="ba-btn" type="button" data-bs-dismiss="modal">Abbrechen</button>
                <div class="form-element-button" data-bs-dismiss="modal"></div>
            </div>
        </div>
    </div> 
</div> 

<script>
    (() => {
        const formID = 247;
        const formUrl = "https://web.arbeitsagentur.de/dxp/mautic/form/generate.js?id=" + formID; // hier link anpassen
        const classes = ['position-relative', 'ba-loading', 'ba-loading-small'];

        const formElement = document.querySelector('.form-element-button');

        formElement.parentNode.classList.add(...classes);

        const tag = document.createElement("script");
        tag.src = formUrl;
        tag.addEventListener('load', () => {
            formElement.parentNode.classList.remove(...classes);
        })

        const headerReady = () => {
            let headerFound = false;

            document
                .querySelectorAll('.hydrated')
                .forEach(element => {
                    if(element.tagName.includes('BAHF-HEADER') || element.tagName.includes('BAHF-FALLBACK-HEADER')) {
                        headerFound = true;
                    }
                });

            return headerFound;
        };

        const asyncLoading = setInterval(() => {
            // footer not ready yet
            if(document.readyState !== 'complete' || headerReady() === false) {
                return;
            }

            clearInterval(asyncLoading);
            formElement.appendChild(tag);
        }, 100);

        const asyncSetDefault  = setInterval(() => {
            // footer not ready yet
            if(document.querySelector(`form[action*="${formID}"]`) === null) {
                return;
            }

            clearInterval(asyncSetDefault);
        }, 100);
    })();
</script>

Newsletterangebot der Bundesagentur für Arbeit

Newsletterangebot
der Bundesagentur für Arbeit