Setting up Session Replay

You can now enable session recordings on your form sessions using Zuko. This simple guide shows you how.

‍

Do you have the session replay feature included in your plan?

‍If yes, jump to the setup guide below. If not, go to the Session Replay page and follow the advice there to add it.

‍

‍Setting up session replay

‍You can add a small piece of code to your form tracking installation to start collecting recordings of your visitors' interactions. Go to your form’s Settings ⚙️-> Tracking Code tab and here you will find the Replay Code.

The Replay Code can be added to the same place as your Activity Code, this will either be:

• Within the same tag, or a separate tag with the same trigger, or
• In the source HTML before the closing </body> tag.Here is an example of the Replay Code in the same tag as the Activity Code:

Note: the Replay Code will record interactions on the whole page, whereas the Activity Code tracks only the target specified.

Once you start recording sessions you will be able see the wider behaviour of visitors when on your form’s page, not just the field-level analytics. Please share with us anything interesting or unusual that you observe in your recordings as we continue to advance our form session replay feature.

‍

‍Check that your form is sending recording events

‍In the network tab you will be able to see recording events being sent to Zuko.

1. Confirm that the Activity Code and Replay Code is live on your form.
2. Load your form page.
3. Open the Network tab (Right click on the page -> Inspect -> Network).
4. Simulate a session being started by a visitor, so a few clicks or keypresses in the first few inputs will be sufficient.
5. In the network tab you will see the recording events being sent and accepted with a 202 response.

‍

Additional blocking code

Zuko will automatically anonymise and block the visualisation of any standard form element (such as text box inputs). However, should you wish to prevent the recording of any other elements in the form journey (for example, if you include a summary page with personal details), you can do by adding additional masking code. You can find details on how to add that code here.

‍

If you need help with getting any of this set up please contact us on support@zuko.io

‍