The Google Tag Manager is one of the best ways to organize scripts on your website. Instead of including multiple pieces of code, you implement only one code and manage all scripts from a single dashboard. You can set triggers and their order to trigger scripts only when they're needed. What´s the result? Your website loads faster and you don't have to involve a developer every time you want to try something directly. This also makes it possible to integrate the zenloop Website Embed Survey in just a few minutes and to target it precisely.

New zenloop email embed survey

1) Go to the zenloop platform and select "Website Survey" and then "Embed in Website" in the "Listen" section.

2) The next step involves the usual adjustment of the survey. You can

  • Specify the title
  • Customize the question
  • Insert your domain - Attention: Mandatory field!
  • Specify the styling of the survey
  • And customize the comment & thank you page

3) The customized script then reveals itself.

You can easily use it by clicking the button "copy code".

For the next step, we will only need a survey parameter that contains our hash ID

Now start working in the Google Tag Manager.

4) Open the Tag Manager and select "Add new tag" from your workspace:

5) Name your tag so that you can easily identify it again.

6) Then select "Custom HTML Tag" from the "Tag Configuration" menu.

Below you can find the information what to insert into this custom HTML code

HTML Code

1) It is possible to insert the survey into a specific place on the webpage using GTM.

It is a bit tricky but the important thing here is to find the element that is already on the page and use it as a reference to the new element.

2) For example, if we have an h1 element already on the page:

We can use it to position our new element.

3) In this particular case, we need to create a new element with JS and then and after that position this element relative to the pate title.

Tag example:

<script>
(function() {

var script = document.createElement('script');
script.type = 'text/javascript';
script.id = 'zl-website-overlay-loader'
script.async = 'async';
script.src = 'https://zenloop-website-overlay-production.s3.amazonaws.com/loader/zenloop-compatibility.load.min.js?survey=SURVEY_HASH_ID';

// Get the reference
var title = document.querySelector('h1');

// Inject the new element after h1

if (title) {
title.parentElement.insertBefore(script, title.nextSibling);
}
})();
</script>

4) Remember to replace "SURVEY_HASH_ID" with your survey hash id.

5) Next, click on the "Trigger" field and create a new trigger via the "Plus" on the right side using the trigger configuration and the trigger type "Page call".

6) Now select "Some page views" and afterwards select "Page URL" from the drop-down menu.

7) Here you can insert the URL from step 1.). You can choose either "is equal" or "contains" to configure the trigger for the URL correctly

8) If no error message is displayed, you can save both the tag and the trigger and return to your workspace in the Tag Manager. Make sure your changes in the workspace are displayed and then click on "Preview" in the upper right corner. '

9) Update your preview before you continue.

10) Now go to the page you specified and see if the survey reveals itself to you.

The survey should be displayed on your accessed page (to see it for sure, you should minimize the Tag Manager preview).

11) Here is our example

War diese Antwort hilfreich für dich?