.png)
Wouldn't it be awesome to have feedback on how many people view your website and how many people click on what?
But how do you actually set up your website, so it will track how much traffic your site gets, on which pages, from which countries, what buttons get clicked, and all that other fun stuff? Well, here are some ways you can go about setting up analytics for a Webflow website.
Here are three different ways to set up analytics and tracking on your website—pick one and go for it!
Here is a quick review of them:
And now onto how to set up each one of them →
First of all, let's get's get started with a nice all-rounder option. That is both easy to set up and presents the data in a nice and easily comprehensible way. This is specifically built with Webflow sites in mind which is a nice bonus! It seems like a really nice piece of software, but the pricing is a little steep in my opinion.
Nocodelytics has three pricing plans:
To get started, go ahead an click on the 'Sign up with Webflow' button! At that point, it will lead you to a login window for your Webflow account—you don't need to make a separate one and it will just synchronize everything. Then, it will lead you to this window:
You need to check the areas I've highlighted in red.
First, choose your plan on the left. For the purposes of this tutorial, we'll just be going with the free version.
Then, check the website on the upper right that you want Nocodelytics to connect to and track.
Finally, click the blue button on the lower right to continue.
This is the page you are next taken to. Click 'Finish Setup' to, well, finish the set up.
And, oh, look at this—seems some code did sneak in here after all. Don't worry though, the process is really simple. Copy the code with the copy button if you want even, and go to the next step which is pasting that code in your website's head code.
There's even a button leading you directly there and a nice gif to show you where to paste and save the code. When you're done with that, click 'Enable'.
Everything is now set up, and you just have to wait for the visitors to start trickling in for the analytics to do their work.
Overall, this is a nice way to track views, searches and clicks, the data is presented in a nice way and Nocodelytics integrates well with Webflow without having to make any workarounds to get them to work together. The pricing is a bit of a downside, but if everything else sounds just perfect to you, you may still want to try it.
The myth, the legend, the ever seeing eye watching you. Google's analytics are a bit more difficult to set up and interpret, but they are still a classic choice and can collect a good amount of data on your website. It's generally free to use unless you want to get super fancy with it, at which point you can pay $150,000 a year for the more advanced features (that was not a typo), but for the majority of businesses, the free plan will suffice.
To get started google Google Analytics or just click this link to go there directly.
When we click on the ‘Start measuring’ button, we are taken to this page:
Give your account a name, check or uncheck what types of data you want to share with Google and scroll down to click ‘Next’.
Here, you input the name you’ll want to Google to show you in regards to the analytics (just use your website’s name). This is where you choose your timezone and the currency you use most often.
Next, you’ll need to choose the industry category your business fits in best and your approximate business size (how many employees or lack thereof you have).
You are asked which things you’ll want to be tracked on your website. Check everything that you’ll want to see. The most important things here are Traffic and User engagement & retention. If you have a shop on your website, you’ll also want to check Sale, and Leads could be a good thing to track and collect statistics for also. When you’ve done that, click ‘Create’.
Here, choose the web option as you’ll be tracking a website.
Input your website url and name, then click the ‘Create & continue’ button in the upper right corner.
Next, you’re asked to set up the Google tag on your website (the piece of code that will let Google track and collect analytics). There are two options here: pasting the provided code manually into each page of your website, or connecting to your CMS or website builder. Unfortunately, Webflow isn’t supported here, so we’ll have to go with the pasted code option.
Go to Webflow and open your website designer. Open the list of pages and open the settings for your first page (the little cog icon). There is a section there saying Custom Code, and below that - Inside <head> tag. This is where you will want to paste the code. Click ‘save’ and do the same for all of your other pages.
Don’t forget to publish your site afterwards.
When you’re done with that, go back to the Google Analytics page and click on ‘Test installation’ to see if we’ve nailed this or not.
Success! Now click ‘Confirm’. All done now! Google Analytics should take up to 48 hours to start collecting data, if not, well, 😬.
Now for Data Goat! This is very similar to Nocodelytics but with far better pricing and can integrate with GA4 (Google Analytics and similar services). It is generally easy to set up, presents its data well and is made specifically with Webflow in mind which is awesome. The free tier is also really good actually, allowing you to use all the main features for one Webflow site with no limitations on page view or time as far as I can see. On the next tier, for $12 a month, you can also track 3 sites (instead of just one), get weekly email summaries and access to a few additional features that are to be released soon.
Here you can either sign up with your Google account or your email. I’ll choose the Google account option because I want it to also connect to my Google Analytics.
That went well! Now to connect to your Webflow site. If you are already logged in to Webflow on your browser, it just redirects you to a page where you can choose the Webflow site you want to connect to and takes you back. From there, it gives you a very easy way to pick the Google property you want to connect to (if you chose that option), and voila! It’s done!
Now your website visitors just have to start trickling in…
Check out my other posts here as well:
.png&description=3 ways to track views and clicks on your Webflow site - ){kind=link}