So beheben Sie den DSAR-Iframe-Leerbildschirm nach dem Absenden

Wenn Sie das DSAR-Formular von Termly auf Ihrer Website hinzufügen, füllen Benutzer es innerhalb eines Iframes aus. Nachdem sie auf Absenden gedrückt haben, wird die Bestätigungsnachricht oben im Iframe angezeigt. Wenn das Formular lang ist, befinden sich die Benutzer möglicherweise noch am unteren Ende der Seite und sehen die Nachricht nicht sofort.

Hier ist eine schnelle Möglichkeit, dies zu beheben, damit die Seite automatisch nach oben scrollt und die Nachricht sichtbar ist.

So beheben Sie es

Fügen Sie Ihrer Website einen einfachen JavaScript-Snippet hinzu, der die Seite nach dem Neuladen des Iframes nach der Übermittlung automatisch zum oberen Rand des Iframes scrollt.

<iframe id="dsarForm" src="https://app.termly.io/dsar/UUID"></iframe>

<script>
  const iframe = document.getElementById('dsarForm');
  iframe.addEventListener('load', () => {
    // Scrollen Sie die übergeordnete Seite zum oberen Rand des Iframes
    iframe.scrollIntoView({ behavior: 'smooth', block: 'start' });
  });
</script>

Wie es funktioniert

• Absenden-Button gedrückt: Der Iframe wird neu geladen, um die Bestätigungsnachricht anzuzeigen.
• Ladeereignis ausgelöst: Das Skript erkennt das Neuladen.

• Scroll-Aktion: Die übergeordnete Seite scrollt sanft zum oberen Rand des Iframes, wodurch sichergestellt wird, dass die Nachricht sichtbar ist.

   

Aktuelle Einschränkungen

• Das DSAR-Iframe-Demo enthält keine postWindow()-Nachricht oder eingebaute Ereignis-Hooks, um die übergeordnete Seite über Inhaltsänderungen zu informieren.

• Dies bedeutet, dass Sie die Zustandsänderungen des Formulars im Iframe nicht direkt abfangen können.

   

Hinweise

• Diese Lösung funktioniert zuverlässig im aktuellen DSAR-Demo-Setup, bei dem der Iframe nach der Übermittlung neu geladen wird.
• Wenn Ihre Implementierung dynamische Inhaltseinfügung ohne vollständiges Neuladen verwendet, wird das load-Ereignis möglicherweise nicht ausgelöst. In diesem Fall kann ein fortgeschrittenerer Ansatz (wie MutationObserver oder zukünftige Unterstützung für postMessage) erforderlich sein.

Nächste Schritte

Wir arbeiten weiterhin an robusteren Lösungen, die nicht ausschließlich auf das Neuladen des Iframes angewiesen sind. Testen Sie in der Zwischenzeit bitte den oben genannten Snippet in Ihrer Umgebung.

Verwandte Artikel

Wie richte ich ein DSAR-Formular für die Besucher meiner Website ein?

Wie antworte ich auf eine DSAR?

Wie bette ich einen „Do Not Sell My Info“-Button auf einer Wix-Website ein?