Google Tag Manager
Setup

Configurator Conversions Tracking with Google Tag Manager

Introduction

Tracking conversions on your configurator using Google Tag Manager (Google Tag Manager) is crucial for understanding user interactions and optimizing your website. This documentation provides step-by-step instructions to set up conversion tracking using Google Tag Manager, focusing on the "Conversion" event as the trigger.

Prerequisites

Before proceeding, ensure that you can access the Google Tag Manager container with the ID GTM-58DN284. Verify this by checking if the container is visible when you start the preview in Google Tag Manager (opens in a new tab).

For more information on accessing your Google Tag Manager container, refer to the Google Tag Manager Help Center (opens in a new tab).

Step 1 - Understanding Events and Values

During the preview in Google Tag Manager, you can observe various tags being fired, including values sent by Reuzenpanda. Relevant events sent by Reuzenpanda include:

  • Load Configurator
  • Use Configurator
  • Widget sluit
  • Volgende knop
  • Vorige knop
  • Conversion
  • Legacy Routing
  • Product Selected
  • Cart Accepted
  • Product Added
  • Product Updated
  • Product Removed

For this guide, we focus on the "Conversion" event.

Step 2 - Creating the User-Defined Variable

  1. Navigate to the Google Tag Manager dashboard and go to Variables.
  2. Navigate to the User-Defined Variable section and click on the "New" button.
  3. Name the variable as "Widget ID."
  4. Choose "Data Layer Variable" in the variable configuration.
  5. Set the Data Layer Variable Name to gtm.widget.
  6. Save the variable.

By following these steps, you create a User-Defined Variable named "Widget ID" that extracts information from the data layer variable gtm.widget. This variable will be used in later steps for configuring the trigger.

Step 3 - Setting up the Trigger

  1. Go to Triggers in Google Tag Manager and click the "New" button to create a new trigger.

  2. In the trigger configuration, select "Custom Event."

  3. Name the untitled trigger as "conversion"

  4. Enter as event name ”configurator.conversion."

  5. Select "Some Custom Events."

  6. In the slots, choose Widget ID > equals > and input the ID of your widget.

Following these steps ensures the creation and configuration of a trigger specifically designed for the conversion events associated with your widget in the Reuzenpanda dashboard.

Note: You can find the widget ID in the configurator settings in Reuzenpanda in the URL after widget?id=.

Step 4 - Configuring the Tag

  1. Navigate to Tags in Google Tag Manager.
  2. Click on "New" and select "Google Analytics > Google Analytics : GA4 Event."
  3. Enter your Measurement ID.

To find your Measurement ID, refer to the Google Analytics Help Center guide on finding your Measurement ID (opens in a new tab).

  1. Name the event (e.g., "Conversion").
  2. Add the trigger created in Step 3.
  3. Specify the desired event name.

Step 5 - Testing

  1. Click "Preview" and test your trigger.
  2. Select "Summary" to view the conversion events.

For troubleshooting and additional guidance on testing, refer to the Google Tag Manager Debugging Guide (opens in a new tab).

By following these steps, you can effectively set up and test conversion tracking for your configurator using Google Tag Manager.