Tracklution <> GTM Installation Guide

Step 1: Get Started with Tracklution

First, get started at Tracklution.com (opens in a new tab) by creating an account and providing your website URL to create a Tracking Container for your site inside Tracklution.

Step 2: Implement the Main Script and PageView in GTM

1. Open Google Tag Manager (GTM) and add a new tag.

2. Choose a Custom HTML tag type.

3. Give the tag a descriptive name, for example: Tracklution - Configuration.

   

4. Copy and paste your unique main script into the HTML field. The script for your Tracking Container can be found in your personalized Tracklution Installation Guide.

   

5. Choose a trigger. It should fire before anything else, commonly referred to as Consent Initialization - All Pages, Initialization - All Pages, or All Pages, depending on your GTM settings.

   

6. Name the tag clearly (e.g., Tracklution - Configuration) and hit Save.

Step 3: Implement Purchase Event

This step allows you to track Purchases on your site.

1. Create a new tag in GTM and name it descriptively, for example: Tracklution - Event - Purchase.

2. Choose Custom HTML tag type and copy-paste your Purchase event script to the field.

   <script>
       tlq('track', 'Purchase', { value: 75.10, currency: 'EUR' });
   </script>
   <script>
       tlq('set', 'ContactInfo', {
           email: 'example@email.com',
           phoneNumber: '+358501234567',
           firstName: 'David',
           lastName: 'Smith',
           birthday: '1985-06-17',
           gender: 'male',
           address: 'Street 1',
           postCode: '11015',
           city: 'Berlin',
           country: 'Germany',
           externalId: '123-91197003219'
       });
   </script>

3. Replace example values with correct variables

Make sure to replace the example content in the script (value, currency, and other parameters) with the actual variables from your own GTM data layer variables to catch the purchase information correctly.

• Remove the example Purchase value (75.10) and start typing {{. You will see a dropdown menu where you find the Data Layer Variables. Choose the correct variable for Purchase value.

• Change the currency the same way if you handle multiple currencies, or just type the fixed currency code (e.g. USD) in case of a single currency site.

• Ensure you don’t accidentally remove the single quotation marks (‘) around the currency variable and other string fields (all the text fields).

• What if I don't have data layer variables? (Nothing relevant pops up when I start typing {{) Please contact your Google Tag Manager administrator. How to create a custom variables in GTM: Read more (opens in a new tab)

  

4. Correct Tag Sequencing

• Open Advanced Settings and click Tag Sequencing.

• The Tracklution Configuration tag that you created in the first step has to be always fired before any event tags.

• Choose the Fire a tag before [this event] fires, and in the Setup Tag dropdown, choose the “Tracklution - Configuration” tag you created in the first step.

  

5. Add a Trigger (usually something around Purchase or e.g. Thank you page, in this example case it’s called “CE purchase”):

   

Missing triggers? See more details on How to create triggers in GTM (opens in a new tab)

As the last step, remember to save the tag!

   <script>
       tlq('track', 'Lead');
   </script>
 
   <script>
       tlq('set', 'ContactInfo', {
           email: 'example@email.com',
           phoneNumber: '+358501234567',
           firstName: 'David',
           lastName: 'Smith',
           birthday: '1985-06-17',
           gender: 'male',
           address: 'Street 1',
           postCode: '11015',
           city: 'Berlin',
           country: 'Germany',
           externalId: '123-91197003219'
       });
   </script>

Step 4: Implementing any other standard or custom events

In this example we will implement an AddToCart event.

1. To implement any other events, again: Create a new tag in GTM

2. Choose “Custom HTML” and copy-paste the script as you did in the previous steps

    <script>
      tlq('track', 'AddToCart');
    </script>

3. Give your tag a descriptive name and choose the correct trigger

   

How to create triggers in GTM (opens in a new tab)

4. Remember to configure Tag Sequencing under Advanced Settings. The Tracklution Configuration tag that you created in the first step has to be always fired before any event tags.

5. Remember to give the tag an explanatory name, like “Tracklution - Event - AddToCart” and save.

You did it! Now you can just repeat this step until you have configured all the events you want to track. You don’t have to do them now, but it’s always good to repeat the exercise.

Some standard events are: ViewContent, AddToCart, StartTrial, Subscribe, InitiateCheckout, Lead, CompleteRegistration

You can use any events you wish, whether they are standard or customer events. Just change the event name in the script to match the event name and install the script in the desired location or action on the site. The script is always the same, just swap the event name.

 <script>
   tlq('track', 'YourEventNameHere');
 </script>

Add the correct trigger for each event and remember to configure Tag Sequencing under Advanced Settings. The Tracklution Configuration tag that you created in the first step has to be always fired before any event tags.

Finally, remember to name the tags properly and hit “Save”. 😊

Congratulations! You’ve successfully completed your GTM setup and you're ready to rock.

P.S. Don’t forget to submit your GTM changes 😉