Step 5. How to send data from web to server container in Google Tag Manager

Note: to send data from web to server GTM container, you need a Google Tag Manager account and configured web and server GTM containers. Please refer to previous HelpDesk articles in this section to learn how to configure them.

How to send data from web to server container via Data tag

1) Install the Data Tag template:

1. Click on the Tags menu.
2. Click New.
3. Open your web Google Tag Manager container's Templates section → add Data Tag from the template gallery.
4. Click on the Tag Configuration tab.
5. Click Discover more tag types in the Community Template Gallery → search for Data Tag → click Add to workspace → click Add.

2) Next, we’ll configure Data Tag for the pageview event:

1. Under Event Name, you can select a standard event name, add a custom event name, or add a dynamic event name using {{Event}} variable. 
2. Enter your GTM Server Side URL (you can find your GTM server-side URL inside the stape.io account by opening the sGTM container and checking the Domain section.)
3. Tick how you would like the data to be sent:
   1. Send all from the DataLayer - will send all the information you have in the web GTM data layer to server GTM events data.
   2. Send common data - adds to the request page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
   3. Add consent state - adds consent_state object to the request. Including following properties: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
   4. Add Common Cookie - the tag will send common cookies in eventData to avoid some e-commerce platform’s limitations. For example, this is required for events that work on Shopify checkout pages.
4. Under Event Data, you can add any manual data to the request. You can also apply transformation (like hashing, trimming, etc) or store data.
5. Under User Data, you can send user parameters and apply transformation or store data.
6. Under Settings and Advanced Settings, you will find exactly that - advanced configuration options. Unless you know what you’re doing, it’s best not to modify these settings.
7. Give your tag a descriptive name and click Save.

3) Next, you can configure the Data Tag for other events. The example below shows how to configure e-commerce events when Data Layer is available. 

This tag triggers each e-commerce event in the Data Layer. In this example, all e-commerce events end with _stape, so we’re using a regex that includes all events that contain _stape. 

Example of the variable that extracts user data from the Data Layer. 

4) Next, download Data Client from the GitHub:

1. Follow this link.
2. Click Code → Download ZIP.

5) Now to import the Data Client:

1. Open your server Google Tag Manager container.
2. Click Templates.
3. Under Clients, click New.
4. Click three dots in the top right corner.
5. Click Import and select the Data Client you downloaded from GitHub (you may have to unzip the archive first.)
6. Once the import is done, click Save.

6) Open the Clients tab and click New → choose Data Client → click Save. 

7) Open web and server GTM preview screens and test the setup. You should see Data Tag triggered in the web GTM container and Data Client parsed Data Tag requests in the sGTM. 

How to send data from web to server container via Google Analytics 4

1) Create a configuration variable for the server container URL. To do that:

1. Click on the Variables menu.
2. Click New under the User-Defined Variable bar. 
3. Click on the Variable Configuration bar.
4. Select the type Google tag: Configuration settings.
5. Click Add parameter.
6. Enter the following parameters:
   1. Config Parameter: server_container_url.
   2. Value: the URL of your Tag Manager server container.
7. Give your variable a descriptive name and click Save.

2) Create a Google Analytics 4 tag:

1. Click on the Tags menu.
2. Click New.
3. Click on the Tag Configuration tab.
4. Select Google Analytics → Google Tag.
5. Under Tag ID, enter the ID from your GA4 account (to find it, go to your GA4 → click Admin → Data streams → select the stream → see Measurement ID.)
6. Under Configuration settings, select the server container variable you created earlier.
7. Under Triggering, make sure the option Initialization - All pages trigger is selected.
8. Give your tag a descriptive name and click Save.
9. Click Publish for the container to go live.

3) Next, let’s see how to create a GA4 event, using the All Clicks event as an example:

1. Click on the Tags menu.
2. Click New.
3. Click on the Tag Configuration tab.
4. Select Google Analytics → Google Analytics: GA4 Event.
5. Enter your Measurement ID (from the GA4 Data streams menu.)
6. Give your event a descriptive name.
7. Click Triggering → All Clicks.
8. Give the tag a descriptive name.
9. Click Save.