In order to track the performance of your website and gain valuable insights, it is essential to install a tracking code. Webflow, a popular website builder, also allows you to easily add a tracking code to your site. In this tutorial, we will guide you through the process of installing a Webflow tracking code.
Step 1: Accessing the Project Settings
To begin with, open your Webflow project and navigate to the Project Settings. You can find this option in the top-right corner of the Webflow Designer interface.
Step 2: Adding Custom Code
Once you are in the Project Settings, scroll down until you find the Custom Code section. Here, you can add custom code that will be applied globally to your entire website.
To add the tracking code, locate the Head Code section within the Custom Code tab.
Note: Make sure that you have already obtained your tracking code from your analytics provider (e.g., Google Analytics) before proceeding with this step.
Copy and paste your tracking code into the Head Code section. It is recommended to wrap it within script tags (<script>) for proper execution.
<script>
// Paste your tracking code here
</script>
Step 3: Publish Your Site
Once you have added the tracking code in Step 2, click on Publish in the top-right corner of the Webflow Designer interface. This will publish your site with the newly added tracking code included.
Note: If you have already published your site before adding the tracking code, make sure to republish it for changes to take effect.
Verifying the Installation
After publishing your site, it is important to verify if the tracking code is installed correctly. Here’s how you can check:
Method 1: View Page Source
Open your website in a web browser and right-click anywhere on the page. Select “View Page Source” or “Inspect Element” (depending on your browser) to access the HTML source code of your site.
In the source code, search for your tracking code. If you can find it within the <head> section, then it has been successfully installed.
Method 2: Analytics Provider Dashboard
An alternative method is to check your analytics provider’s dashboard (e., Google Analytics). Login to your analytics account and navigate to the real-time or live view section. If you see activity or data being tracked, it indicates that the tracking code is working as expected.
Congratulations!
You have successfully installed a Webflow tracking code on your website. Now you can monitor and analyze visitor behavior, traffic sources, conversions, and more using your chosen analytics platform.