JS Integration via GTM
Unleash User Insights with Antsomi
Ready to take your user tracking to the next level? This guide will empower you to integrate the Antsomi SDK seamlessly into your website using Google Tag Manager (GTM).
Before we dive in, ensure you have the following prerequisites:
1. A GTM Account: If you haven't already, head over to https://tagmanager.google.com and create your free GTM account.
2. A GTM Container: Within your GTM account, create a container specifically for your website. Think of it as a dedicated container for all your tracking codes and tags.
Installation
Now, let's embark on your GTM-powered user insights journey:
Step 1: Download the Antsomi Pixel Template:
Click here to download the pre-built Antsomi Pixel template for GTM. This handy template saves you time and ensures accurate tracking implementation.
Step 2: Import the Template into GTM:
Access your GTM container.
Click on the Templates tab.
On the section Tag Template, click New.
Click on the 3-dot button to open the menu.
Select Import Template.
Choose the downloaded Antsomi Pixel template file and click Import.
Click Save to finalize the template import.
Step 3: Create Variables for Event Data:
Navigate to the Variables tab in your GTM container.
On the User-Defined Variables section, click New.
Choose the appropriate variable type based on the data you'll be sending (e.g., DOM Element for product ID, Page URL for product page URL).
Configure the variable settings as needed, referencing any relevant data sources like URL parameters or custom JavaScript code.
Repeat steps 2-4 to create all necessary variables for your event data.
Step 4: Create a Trigger for Tracking Events:
Navigate to the Triggers tab in your GTM container.
On the Triggers section, click New.
Choose the appropriate trigger type based on the event you'll be sending (e.g., Page View with Page Path contains /products).
Configure the trigger settings as needed, referencing relevant data sources like URL parameters or custom JavaScript code.
Repeat steps 2-4 to create all necessary triggers for all of your events.
Step 5: Create a Tag for Tracking Events:
Back in your GTM container, click the Tags tab.
On the Tags section, click New Tag.
Give your tag a descriptive name, like "Antsomi - View Product".
Select the Antsomi Pixel template you just imported.
Under Settings, input your Antsomi credentials (e.g., Portal ID, Props ID, Event Action, Event Category).
To specify when this tag fires, choose the appropriate Trigger.
For example, use the View Product Page trigger from step 4 to track product views.
Click Save to activate your tag.
Step 6: Add Variables to your Tag:
Go back to your Antsomi Pixel tag in the Tags tab.
For each relevant field (e.g., Main Object, Foreign Object, Event Attributes), select the corresponding variable you created in step 3.
For example, the event "View Product" will be mapped as the following image:
From left to right:
GTM Antsomi Pixel setting UI
CDP365 Event setting UI
Event JSON data format
Ensure all data points are mapped correctly.
Click Save to complete your tag configuration.
Ready, Set, Track!
With these steps, you've successfully integrated Antsomi through GTM and empowered your website to capture valuable user insights. Remember, the provided link for the template download and illustrations for smaller steps in each section can be customized to match your specific platform and preferences.
Additional Tips:
Test your trigger configuration to ensure your tags fire at the intended times.
Review the Antsomi documentation for advanced tracking options and event customization.
Leverage GTM's extensive capabilities to build comprehensive tracking strategies for deeper user understanding.
Congratulations! You're on your way to uncovering invaluable customer behavior patterns and unlocking personalized experiences that drive your business forward. And as always, Antsomi is here to guide you every step of the way.
Last updated
