The Knotch Measurement Unit - Iframe Version

#Introduction

To locate the <iframe> tag:

• Navigate to the Campaign corresponding to the Knotch Unit
• Hover over the Unit card with your cursor and click on the "…" icon
• Select "View Embed Tags" to display the integration HTML tags

Please contact our Client Success Team if you encounter any issues locating your integration tags.

#Integration

Add the <iframe> tag onto the page where you want it to appear. The position of the element within the HTML will dictate its placement. Everytime the <iframe> unit is rendered within a visitor’s web browser, a new view is recorded.

Wanna see it in action? Click here to see a live example.

#Attributes

The only attribute that you can add to an <iframe> integration is the style attribute. By default, the style is set to:

style="width: 95%; height: 260px; display: block; margin: auto;"

This set of styles is optimized for the size of the Knotch Unit. The Knotch Unit is designed to be responsive, and will resize according to the visitor’s device. We advise against any height lower than 260px, and any width lower than 300px.

#Demo Mode

Enable the "Demo Mode" to test your Knotch Unit by adding ?demo=1 to the end of the src URL. Measurement events will not be recorded when a Unit is in Demo Mode. In this state, you may test the Measurement Unit flow and the end state configuration.

For example, consider the below Knotch Unit integration:

<iframe src="https://www.knotch.it/extern/survey/id"></iframe>

You can enable Demo Mode by altering the src attribute as follows:

<iframe src="https://www.knotch.it/extern/survey/id?demo=1"></iframe>

#Video Integration

We support only Youtube and Vimeo integrations with iframe tags. Enter the video URL in the Knotch Unit Generator when creating the Unit. The Knotch Unit then renders the video and measures properly.