Die Einbindung

Die Einbindung auf der Website erfolgt nun mit folgendem Code:

.....

    <div id="gwatch-iframe"></div>
    <script
        src="[SCRIPT-URL]"
        data-event-key="[EVENT-KEY]"
        data-url-partial="[FORMULAR-TYP]"
        >
    </script>
    
.....

Wichtig: das <div> muss VOR dem <script> kommen.

Im Script selber geben Sie als src die URL für das Script an.
Als data-event-key wird der Event-Key eingetragen und unter data-url-partial die Art des Formulars.

Optionen:

• Soll die ID des <div> aus irgend welchen Gründen anders lauten, so kann die alternative ID im Script mit data-target übergeben werden.
• Standardmäßig nimmt der IFrame 100%100dvh Höhe ein. Dies kann im Bedarfsfall mit data-height überschrieben werden.
• Wenn das Formular bestätigt wird, sollte es wieder nach oben Scrollen. Wenn Sie an dieser Stelle einen Offset benötigen, können Sie diesen über data-scroll-offset einstellen. Ob dies nötig ist und welcher Wert passt können Sie am besten an der bestehenden Webseite testen und ggf. nachkorrigieren.