Website-Widget

<section data-mf-consent>
  <p>Beim Laden werden deine IP-Adresse und technische Requestdaten an myFlohmarkt
    (Krola Consulting GmbH) und die Hostingdienstleister Cloudflare und Hetzner übertragen.
    Keine Cookies oder Besucherkennung im Widget.
    <a href="https://my-flohmarkt.de/datenschutz" target="_blank" rel="noreferrer">Datenschutz</a>
  </p>
  <button type="button">Zustimmen und Flohmärkte laden</button>
  <div data-partner="DEINE-PARTNER-ID"
    data-postcodes="92637,92648"
    data-mode="full"
    data-heading="Flohmärkte in deiner Nähe"
    data-heading-level="2"
    data-limit="20"
    data-show-heading="true"
    data-show-date="true"
    data-show-place="true"
    data-show-source="true"
    data-show-more="true"
    data-frame="true"
    data-css="true"
    data-color-accent="#3d5a80"
    data-color-text="#253247"
    data-color-background="#ffffff"></div>
  <script>
    (() => {
      const block = document.currentScript.parentElement;
      const button = block.querySelector('button');
      const target = block.querySelector('[data-partner]');
      let active = false;
      button.addEventListener('click', async () => {
        if (active) {
          window.MyFlohmarktWidgets.destroy(target);
          active = false;
          button.textContent = 'Zustimmen und Flohmärkte laden';
          return;
        }
        button.disabled = true;
        try {
          if (!window.MyFlohmarktWidgets && !window.MyFlohmarktWidgetReady) {
            window.MyFlohmarktWidgetReady = new Promise((resolve, reject) => {
              const script = document.createElement('script');
              script.src = 'https://my-flohmarkt.de/cdn/widgets/v1.js';
              script.crossOrigin = 'anonymous';
              script.referrerPolicy = 'no-referrer';
              script.onload = resolve;
              script.onerror = () => reject(new Error('Widget konnte nicht geladen werden.'));
              document.head.append(script);
            });
          }
          if (!window.MyFlohmarktWidgets) await window.MyFlohmarktWidgetReady;
          window.MyFlohmarktWidgets.mount(target);
          active = true;
          button.textContent = 'Freigabe widerrufen';
        } catch (error) {
          window.MyFlohmarktWidgetReady = undefined;
          target.textContent = error.message;
        } finally {
          button.disabled = false;
        }
      });
    })();
  </script>
</section>