Getting Started

Goal: A taglify.io server-side GTM container linked to your Google Tag Manager is configured and running.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://${TAGGING_URL}/${GTM_JS_PROVIDED_BY_TAGLIFY}?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','${WEBCONTAINER_ID}');</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://${TAGGING_URL}/${NOSCRIPT_HTML_PROVIDED_BY_TAGLIFY}?id=${WEBCONTAINER_ID}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

How to setup a sGTM tagging container with taglify.io

1. Make a note of your Web Container Id. You can find this at https://tagmanager.google.com/#/home. It has the form GTM-XXXXXXX.

2. Go to tagmanager.google.com and log in.

→ In the Container section, click the plus symbol.

→ Add the name of the container.

→ In the Target platform, choose Server.

2. Select Manually provision tagging server, and copy your Container Config String into any text editor. We'll need it for the following steps.

3. Note the long string in the field Your Container Config is:

4. Choose a custom sub-domain. Setting up a custom domain within your site's domain is highly recommended. It will enable you to set first-party cookies, making tracking more secure and resistant. Your sub-domain should be random (use this website to generate a random string: Random.org). This is your ${TAGGING_URL}.

5. Write a ticket to taglify.io Service Center with the following information.

• Container Config String (aW.....)

• Your existing Web Container Id (GTM-XXXXXXX)

• Your custom sub-domain

6. We will setup your containers and give you the following values, which you need for later steps:

• ${IP_PROVIDED_BY_TAGLIFY}: A dedicated IP for your server-side containers

• ${GTM_JS_PROVIDED_BY_TAGLIFY}: An alternative file-name for the gtm.js file to improve the chance to bypass ad-blockers

• ${NOSCRIPT_HTMLPROVIDED_BY_TAGLIFY}: An alternative file-name for the ns.html file to improve the chance to bypass ad-blockers

7. Setup DNS A-Records for your sub-domain. After that, create an A record that corresponds to the IP address ${IP_PROVIDED_BY_TAGLIFY}. The DNS settings should look like the one in the screenshot:

It may take up to 72 hours to verify the domain, however in most situations it will be done in 3-4 hours.

Once the domain has been verified by us, the tagging server is ready to go, and you can move on to the sGTM configuration.

7. Google strongly advises that you update your site's WEB GTM code. It's ideal if you use your own domain instead of www.googletagmanager.com.

Updating your web GTM code allows gtm.js to be loaded from your domain:

• Replace ${TAGGING_URL} with your tagging url. e.g. c3y1mavw4g.yoursite.com

• Replace ${GTM_JS_PROVIDED_BY_TAGLIFY} and ${NOSCRIPT_HTMLPROVIDED_BY_TAGLIFY} with the values you got from taglify.io . e.g. y16rm8ykxy.js and sldfke274jf.html

• Replace ${WEBCONTAINER_ID} with your existing Web Container Id.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://${TAGGING_URL}/${GTM_JS_PROVIDED_BY_TAGLIFY}?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','${WEBCONTAINER_ID}');</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://${TAGGING_URL}/${NOSCRIPT_HTMLPROVIDED_BY_TAGLIFY}?id=${WEBCONTAINER_ID}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

A fully working example might look like this:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://c3y1mavw4g.yoursite.com/y16rm8ykxy.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHJ8FZC');</script>
<!-- End Google Tag Manager -->
Next, add this code immediately after the opening <body> element on every page of your website. Replace GTM-XXXXXX with your container ID:


<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://c3y1mavw4g.yoursite.com/sldfke274jf.html?id=GTM-WHJ8FZC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

7. In order to use the preview mode in your Google Tag Manager account, you have to configure it in the Container Settings. Open the admin panel of your container. Click on Container Settings. Click on Add URL under Server container Urls. Enter the ${TAGGING_URL}.

8. Congratulation. The sGTM container has been set up. You may now start configuring server-side tagging in sGTM.

Conclusion

taglify.io sGTM hosting is the most convenient and cost-effective option available. Many options are available to make your tagging experience simple and uncomplicated, allowing you to focus on what matters most: proper tracking.