{"id":8155,"date":"2025-06-12T14:05:06","date_gmt":"2025-06-12T14:05:06","guid":{"rendered":"https:\/\/docs.campaignsuite.nl\/?post_type=docs&p=8155"},"modified":"2025-06-12T14:05:07","modified_gmt":"2025-06-12T14:05:07","slug":"preparing-installation-in-gtm","status":"publish","type":"docs","link":"https:\/\/docs.campaignsuite.nl\/en\/docs\/preparing-installation-in-gtm\/","title":{"rendered":"Preparing installation in GTM"},"content":{"rendered":"\n

This guide explains how to define variables and triggers, and how to set up events to track form interactions. These settings enable you to dynamically send user actions and data changes from your forms to GA4 for accurate measurement and analysis.<\/p>\n\n\n\n

1. Define Variables<\/h2>\n\n\n\n

What are variables in GTM?<\/h3>\n\n\n\n

Variables in GTM allow you to extract values (e.g., donation_amount, email_opt_in) from the dataLayer or page elements. These values can then be passed as parameters in events (such as those sent to GA4).<\/p>\n\n\n\n

Steps to create data layer variables in GTM:<\/h3>\n\n\n\n

Go to Variables<\/strong> tab in GTM.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click New \u2192 Name the variable.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Choose Variable Type: Data Layer Variable<\/p>\n\n\n\n

In the Data Layer Variable Name field, enter the exact key name:<\/p>\n\n\n\n

    \n
  • Example: donation_amount<\/code><\/li>\n<\/ul>\n\n\n\n

    Then save variable.<\/p>\n\n\n\n

      \n
    1. <\/li>\n<\/ol>\n\n\n\n

      <\/p>\n\n\n\n

      2. Setup Event Triggers<\/h2>\n\n\n\n

      Steps to create trigger in GTM:<\/h3>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
        \n
      1. Go to GTM \u2192 Triggers<\/strong> \u2192 Click New<\/strong>,\n
          \n
        • Name<\/strong> your trigger clearly, like Trigger \u2013 Form Submitted (form_submitted123)<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Choose Trigger Type\n
            \n
          • Trigger Type<\/strong>: Custom Event<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Configure Custom Event Trigger\n
              \n
            • Event Name<\/strong> – form_submitted_1234<\/code> (write your event name)<\/em><\/li>\n\n\n\n
            • This trigger fires on:<\/strong> All Custom Events<\/code> (or select \u201cSome\u201d to add conditions)<\/em><\/li>\n\n\n\n
            • If you want to limit<\/strong> when it fires, choose:<\/li>\n\n\n\n
            • Some Custom Events<\/strong><\/li>\n\n\n\n
            • Condition example:<\/li>\n\n\n\n
            • formId<\/code> equals<\/strong> 123<\/code><\/li>\n\n\n\n
            • OR any other Data Layer variable you\u2019re checking<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Save it.<\/li>\n<\/ol>\n\n\n\n

              <\/p>\n\n\n\n

              3. Create Event<\/h2>\n\n\n\n

              Steps to create GA4 event tag in GTM:<\/h3>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
                \n
              1. Go to GTM \u2192 Tags \u2192 Click New<\/strong><\/li>\n\n\n\n
              2. Name your tag clearly<\/li>\n\n\n\n
              3. Set tag Type: Google Analytics: GA4 Event<\/strong> \n
                  \n
                • Configuration Tag: Choose your existing GA4 Configuration Tag<\/strong><\/li>\n\n\n\n
                • (It has your G-XXXXXXXXXX<\/code> Measurement ID)<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Configure Event Name\n
                    \n
                  • Event Name<\/strong>:<\/li>\n\n\n\n
                  • Example: form_submitted<\/code><\/li>\n\n\n\n
                  • (This is what you\u2019ll see in GA4 later)<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n
                  • Add Event Variables<\/strong>\n
                      \n
                    • Make sure you’ve already created these Data Layer Variables<\/strong>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • You can now attach your trigger to your GA4 Event Tag.<\/li>\n\n\n\n
                    • Save it<\/li>\n<\/ol>\n\n\n\n

                      <\/p>\n\n\n\n

                      4. Publish changes<\/h2>\n\n\n\n

                      Steps to publish changes in GTM:<\/h3>\n\n\n\n
                      \"\"<\/figure>\n\n\n\n
                      \"\"<\/figure>\n\n\n\n
                        \n
                      1. Open Your Container in GTM<\/li>\n\n\n\n
                      2. Select your account and container.<\/li>\n\n\n\n
                      3. Check for Unsaved Changes\n
                          \n
                        • At the top, you\u2019ll see:<\/li>\n\n\n\n
                        • Workspace Changes<\/strong> indicator.<\/li>\n\n\n\n
                        • This means you have unpublished tags, triggers, or variables.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Click Submit<\/strong> (Top Right)\n
                            \n
                          • A new panel will open to publish your container<\/strong>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • Configure Version Details\n
                              \n
                            • Version Name<\/strong>: (Optional but recommended)
                              Example: GA4 Event Tracking for Form Submissions<\/code><\/li>\n\n\n\n
                            • Version Description<\/strong>: (Optional)
                              Example: Added tag to send form_submitted_1234 event to GA4 with custom parameters.<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n
                            • Click Publish<\/strong>\n
                                \n
                              • GTM will create a new container version and deploy your changes.<\/li>\n\n\n\n
                              • This makes your tag, trigger, and variable changes live<\/strong> on your site.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                              • Check Published Versions\n
                                  \n
                                • Go to: Admin > Versions<\/strong> to view or roll back previous versions if needed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                • Confirm It Works:\n
                                    \n
                                  • Use Preview mode<\/strong> to test your tags before publishing.<\/li>\n\n\n\n
                                  • Use GA4 DebugView<\/strong> and Realtime Reports<\/strong> to verify the events and parameters arrive correctly.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                                    <\/p>\n","protected":false},"excerpt":{"rendered":"

                                    This guide explains how to define variables and triggers, and how to set up events to track form interactions. These settings enable you to dynamically send user actions and data changes from your forms to GA4 for accurate measurement and analysis. 1. Define Variables What are variables in GTM? Variables in GTM allow you to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8155","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/8155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/comments?post=8155"}],"version-history":[{"count":1,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/8155\/revisions"}],"predecessor-version":[{"id":8156,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/8155\/revisions\/8156"}],"wp:attachment":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/media?parent=8155"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/doc_tag?post=8155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}