Easily install Trackingplan on your website with Google Tag Manager—no coding required! Quick setup to monitor and improve your analytics tracking.
Learn how to install Trackingplan on your websites using Google Tag Manager—no coding required! In this step-by-step tutorial, we'll guide you through Trackingplan's basic installation to automate error detection and root cause analysis for clean analytics and campaign tracking.
This method is perfect for marketers, analysts, and tagging specialists looking for an easy and code-free installation process.
In just a few minutes, you'll learn:
- How to set up Trackingplan using Google Tag Manager
- How to configure your tag with the optimal firing settings
- How to verify the installation to ensure Trackingplan's implementation is working perfectly, and the data is being sent correctly.
Start automating your analytics today. Create an account here: https://app.trackingplan.com/signup
To learn more on other advanced ways to install Trackingplan, visit our documentation.
Transcript
If you're here, it's because you've already taken the first step to automate error detection for clean analytics and campaigns. So, welcome to Trackingplan. To keep things simple in this video, we'll show you one of the easiest ways to install Trackingplan on your websites. For it, we'll only use Google Tag Manager. No need to touch or access your website's code. Once you've created a Trackingplan account, you'll land on this page. Select the Tag Manager option and copy the provided code. Next, log in to your Google Tag Manager account and navigate to the container connected to your website. Click on new tag to create a new one for Trackingplan and give it a name. For this demonstration, we'll call it demo Trackingplan install. Now, hover over the tag configuration box and click the gray pencil icon. Then, select custom HTML tag as your tag type. This is where we'll paste the code we've copied earlier. Once the code is pasted, you're ready to publish. But before we do that, let's set up the trigger for this tag. For it, navigate to the triggering box, click on the gray pencil icon, and select initialization all pages. This will ensure Trackingplan runs on every page of your website. And before we forget, to ensure the best performance, open advanced settings and set the tag firing priority to 1,000 and the tag firing options to once per page. Once you've set everything up, save your tag and submit your changes. Now, let's test it. Click the preview button and enter the URL of the site where you've implemented Trackingplan. Then, click connect. This will open a new window with the website you want to audit. As we can see on the homepage, the code we created has triggered once, confirming that the implementation has been successful. And if we navigate to the product page, we can see the code refreshing and triggering correctly on this page as well. For an extra check, after publishing your tag, let's verify in real time if Trackingplan's tag is firing correctly. For it, open Google Chrome's developer tools. Then, go to the network tab where all the requests are logged. As we can see, all the requests we make are being loaded. Let's visit another page of the site, such as the product page. After the page loads, use the filter option and type Trackingplan to view all the calls going to the Trackingplan domain. As you can see here, the TPID corresponding to your plan is being sent. And we can even check the host name, data layer values, environment, and tags being forwarded. If you see these calls, it means the implementation is working perfectly. While it may take up to 48 hours for the system to analyze all the data, with all the checks we've done in this video, we can confidently say that Trackingplan is properly installed and ready to go. If you would like to explore other ways to install Trackingplan, be sure to check out our next video on advanced installation methods. Thanks for watching and welcome on board. Happy tracking. >> [music]
