# 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 &lt;div&gt; muss **VOR** dem &lt;script&gt; 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 &lt;div&gt; aus irgend welchen Gründen anders lauten, so kann die alternative ID im Script mit `data-target` übergeben werden.
- Standardmäßig nimmt der IFrame 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.