In diesem Guide lernst du mehr über Heyflow's Events. Insbesondere ist hier beschrieben, welche Tags wann ausgelöst werden und welche Parameter mitgegeben werden, z.B. bei einer Integration mit dem Google Tag Manager.

🔎 Wenn du noch nicht mit dem Google Tag Manager oder dem DataLayer vertraut bist, möchtest du vielleicht hier starten.

Events

Der DataLayer ist eng verbunden mit der Heyflow Events API: Wenn ein Event im Heyflow ausgelöst wird, werden die an den DataLayer gesendet, sodass Google Tag Manager darauf reagieren kann.

🔎 Klicke hier für alle Veränderungen in den DataLayer Events (Changelog).

Die folgenden Events werden berücksichtigt:

Event Name	Payload
`heyflow-init`	`{` `fields: [],` `screens: {}` `}`
`heyflow-exit`	`{}`
`heyflow-change`	`{` `fields,` `fieldsSimple` `}`
`heyflow-submit`	`{` `screen_name,` `fields,` `fieldsSimple` `}`
`heyflow-screen-view`	`{` `screen_id,` `screen_name,` `previous_screen_id,` `previous_screen_name` `}`
`heyflow-screen-leave`	`{` `screen_name,` `payload,` `screens*` `}`
`heyflow-button-click`	`{` `custom_event_name,` `custom_event_label` `}`
`heyflow-input-click`	`{` `custom_event_name,` `custom_event_label` `}`

*) payload

Dem heyflows-screen-leave Event wird ein Wert payload mitgegeben. Dieser Wert entspricht dem fields Wert, ist jedoch gefiltert nach dem jeweiligen Screen, z.B.

{
...
payload: [
  {
    id: "slider-2d63fe7a-input",
    label: "Value:",
    value: "65",
    values: [{name: "65", answer: "65"}],
    variable: "slider-2d63fe7a",
    sensitive: false,
    screenID: "screen-7e55219a",
    screenName: "screen-81b02c6d"
  }
],
...
}

**) screens

Dem heyflow-screen-leave Event wird ein Wert screens mitgegeben. Dieser Wert ist dem fields Wert ähnlich, ist jedoch als Objekt strukturiert mit dem Namen des Screens als Key z.B.

{
...
screens: {
  screen-580f334a: [
    {
      id: "o-1e3e4475-option",
      label: "Rate your experience:",
      value: "3",
      values: [{name: "o-1e3e4475", answer: "3"}],
      variable: "rating-500e4f20",
      sensitive: false,
      screenID: "screen-4170032e",
      screenName: "screen-580f334a"
    }
  ],
  screen-81b02c6d: [
    {
      id: "slider-2d63fe7a-input",
      label: "Value:",
      value: "65",
      values: [{name: "65", answer: "65"}],
      variable: "slider-2d63fe7a",
      sensitive: false,
      screenID: "screen-7e55219a",
      screenName: "screen-81b02c6d"
    }
  ],
  screen-dc5933b1: [],
  },
...
}