Table of contents

Leadpages Server Side Tracking - Setting up landing pages server side

leadpages-server-side-tracking-complete-guide

You want to measure server side user data from your Leadpages landing page. In this blog, we'll take you step by step through setting up Server Side Tracking for Leadpages.

What is Leadpages?

Leadpages is a popular tool for landing page creation and conversion optimization. It allows users to easily create professional, responsive landing pages without the need for technical knowledge. With Leadpages, you can quickly and efficiently generate leads, acquire subscribers and increase conversion rates. Its drag-and-drop builder, extensive integrations, and customizable templates make it a versatile solution for both small businesses and large enterprises.

leadpages-home-page

What are the benefits of Leadpages?

Here are 7 benefits of Leadpages:

  • Usability: The drag-and-drop builder allows users to create professional landing pages without technical knowledge.
  • Responsive designs: Landing pages look good on both desktop and mobile devices.
  • Fast implementation: You can set up fully functional pages in a short time.
  • Integrations: Leadpages integrates seamlessly with popular marketing tools such as CRM systems, email marketing software and advertising platforms.
  • A/B testing: This feature helps optimize landing pages by testing different versions and choosing the best performing ones.
  • Conversion-oriented: The tool provides templates and features designed to maximize conversions.
  • Analytics: Detailed reports and analytics help measure performance and refine marketing strategies.

What events can you measure in Leadpages?

Several events can be measured through Leadpages.

Here are 3 examples:

  • Page views
  • Clicking on buttons
  • Form submissions.

Leadpages does not provide datalayer events when filling out a form. Therefore, it is best to work with a:

  • Thank you page trigger
  • Element visibility
  • Click
  • Submit button.

Setting up Leadpages Server Side Tracking

Here we are going to explain to you step by step how to set up server side tracking for Leadpages.

1. Create Google Tag Manager server

Start TAGGRS for free to begin your free account. Then create a new sGTM container in the same account as your web GTM container.

create-new-sgtm-container

Name your new server GTM container. It is useful to put Server with it so you can easily tell the difference between your web & server container later.

name-gtm-server

Choose Server. Then click Create to create the container.

choose-server-create

Then choose manually provision tagging server. This is because we are going to work with servers hosted by TAGGRS and not Google's own which makes the setup a lot easier and cheaper per month.

choose-manually-server

Copy the container configuration code.

copy-config-code

Paste the GTM container configuration code under 'Container Configuration' during your TAGGRS account setup. Also choose a subdomain on which you want to place the sGTM container. Here this is sst.demo1.taggrs.io. After that, click on 'Save'.

paste-container-config

Click settings and add these DNS settings to your domain.

add-dns-settings-to-your-domain

Now go back to your server GTM container and click Admin.

go-back-to-your-gtm-container-and-click-admin

Go to container settings.

go-container-to-settings

Add the same server container URL as in the TAGGRS setup.

add-same-server-container-url-like-with-taggrs-setup.png

We have now created a container on TAGGRS and created the server container

3. Add the enhanced tracking script to leadpages & web client on your sGTM

Instead of the "regular" web GTM script, we are going to put the TAGGRS enhanced tracking script here. This script ensures that the web GTM container will be loaded from our server GTM. This will allow us to measure 1 to 2% more. Any cookie banners that block full GTM scripts will now have no impact.

Now go to your web GTM container & copy your web GTM container ID

go-web-gtm-container-copy-your-web-gtm container-id

In your TAGGRS container, go to "Get started.

go-in-taggrs-container--to-get-started

Scroll down and click on Optimize

scroll-down-click-optimize.png

Choose "Enhanced Tracking Script.

choose-enhanced-tracking-script.png

Enter your GTM web container ID

submit-gtm-webcontainer-id

Scroll down and copy your HEAD code. Below is also a BODY code that you will also need.

copy-head code

Go to your Leadpage landing page and click edit.

go-leadpage-landingpage-click-edit

Go to your settings and then choose analytics.

click analytics

Paste the head code for the Head Section Tracking Code.

paste-head-section-tracking-code

Do the same for the BODY script from your TAGGRS container.

same-for-body

Go to your server GTM container and choose Clients.

go-server-gtm-container-choose-client

Add a new Client.

add-new-client

Choose Web container.

choose-webcontainer

Paste your web GTM container ID.

paste-web-gtm-container-id

Usually you can disable the Enable region-specific settings option. Click on "Save. Next, put the container live. This will cause your web GTM to load through your server GTM.

save-gtm

Extend your Google Tag with server URL in your web GTM Container

This is how we will send data from our web GTM to our server GTM. Data collection is still done through web GTM. Through the Google Tag we can submit a server url to where we want to send this data. This data will be received by the GA4 client in the server container and the data will be displayed as event data and is thus readable/usable for further use.

Click on 'Tags' in your web GTM container

click-tags-we-gtm-container

Click on your Google Tag

click-google-tag

Add a server_container_url with your taggrs subdomain

add-server-container-url-to-taggrs-subdomain

Now all other GA4 events in your web container, will send this event to your server container like here 'GA4 | click'.

all-GA4-events-web-container-this-event-send-to-your-server-container

Test whether events are sent from web GTM to sGTM

Go into preview mode of your server container. Check out our comprehensive guide on Server Side Tracking testing if you want more information on this.

preview-mode-server-container

At the same time, go into preview mode of your web container.

preview-mode-web-container

Now you see the events coming in to your server container.

events-come-in-server-container

Sending data to GA4 from your server GTM container.

Now that the container is tested we are going to send the data to GA4 from the server container. Go to your server GTM container and click on 'Tags'.

Create a new GA4 tag and fill in the measurement ID. Fire this tag when 'client = GA4'. This is because we want to pass all the data we receive from our web GTM container to GA4. Since this web GTM data is received by the GA4 Client, we can say that we want to fire this sGTM GA4 tag every time the client = GA4.

new-ga4-tag-and-fill-in-measurement-id

So now all data coming through GA4 tags will be sent from the web GTM to the server GTM and thus to GA4.

all-data-via-ga4-tags-send-from-web-gtm-to-server-gtm-to-ga4

Outro

You are now fully equipped to set up server side tracking for your Leadpages landing pages. This provides you with more accurate data, unhindered by limitations such as cookie banners, and helps you gain valuable insights.

About the author

Recently published

magnifiercrossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram