In-app Google Tag Manager integration

Last updated: August 23, 2023 Written by: Magdalena Dejnak
Table of contents show hide
    Table of contents show hide

      With Google Tag Manager (GTM), you can easily manage all tags added to your website. Tag Manager gives you the ability to add and update your own tags with no coding knowledge or web developer interference.

      This guide will walk you through our in-app Google Tag Manager integration, which allows you to manage the tag globally. After integrating GTM with Landingi, the tag applies to all your landing pages.

      NOTE: Every subaccount under the Agency or Unlimited plan can integrate with GTM independently.

      Get your Container ID

      IMPORTANT: To add the tag to current pages, you need to republish them.

      1. Log in to Google Tag Manager.

      2. Choose the account you want to connect Landingi with.

      3. Copy the Container ID. You can find it in three places:

      • on an accounts list

      GTM container ID on an account list

      • on a Workspace view

      GTM container ID in Workspace view

      • on an Admin view

      GTM container ID in Admin view

      Install the Container ID in Landingi

      1. Log in to your Landingi account.

      2. Click on your profile name and go to the Settings tab.

      Go to Account Settings in Landingi

      3. You will see the Google Tag Manager section. Paste your Container ID (1).

      You have the option to select GTM script loading delay (2)learn more about GTM script delaying in the next section of this guide.

      Click Save changes (3).

      Pasting GTM container ID in Landingi

      4. The tag will be installed on all new landing pages automatically. To add the tag to current pages, republish them.

      The tag will start working within a few hours.

      Delay GTM script loading

      Google Tag Manager is a powerful tool for managing various tracking codes and scripts on your website, however loading these scripts too early can negatively impact page speed and user interactions.

      Enabling GTM script loading delay will make GTM start only after the visitor performs some action in the page window (e.g. moving the cursor, clicking) or after 3.5 seconds.

      Why it is worth delaying GTM script loading?

      This can increase landing page load times, which provides a better user experience. A delay in loading GTM scripts can also contribute to a reduction in render-blocking behavior, resulting in quicker content accessibility and interaction. Additionally, delaying GTM script loading allows you to have more control over when and how scripts are executed on your website.

      Why it is not worth delaying GTM script loading?

      Delaying the loading of Google Tag Manager (GTM) may result in losing pageviews and other data when users navigate off a page before the GTM script is fully loaded and executed. Additionally, delaying script loading might affect the execution and functionality of custom scripts or tags implemented through GTM.

      Whether or not it is advantageous to postpone the loading of your GTM script on your landing page is your decision.

      Doubled events troubleshooting

      If you see two _event variables with the value of form_submit in your GTM (Tag Asisstant) preview, it could result in incorrect statistics. To fix this, you have to add an additional script in your form or button settings.

      For form-filling conversions

      1. Go to your landing page editor, click the form, and go to its Settings.

      Form settings in Landingi editor

      2. Copy the script:

      <script>
      
      dataLayer.push({'event': 'event_name'});
      
      </script>

      Modify the event_name as per your preference, and it will show up as the event value in GTM preview after submitting the form.

      3. In the Additional settings tab, paste the script.

      Additional settings in form settings

      Save changes.

      Do not forget to publish your landing page.

      For button-click conversions

      If similar issue happens after button-click:

      1. Go to your landing page editor, click the button, and navigate to the Add onClick event option.

      Navigate to onClick events for landing page button

      2. Copy the script:

      dataLayer.push({'event': 'event_name'});

      Modify the event_name as per your preference, and it will show up as the event value in GTM preview after submitting the form.

      3. Paste the script.

      Adding onClick event

      Save changes.

      Do not forget to publish your landing page.

      NOTE: Keep in mind that Google Tag Manager is a third-party solution and is continually being developed. We do our best to keep this guide updated, but if you come across any changes in the set-up process, let us know.

      Browse all integrations in our Integrations Catalog to see tools you can connect Landingi with.

      Was this manual helpful?