Goal: A taglify.io server-side GTM container linked to your Google Tag Manager is configured and running.
Info |
---|
Summary of steps
|
Code Block | ||
---|---|---|
| ||
<!-- 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_FILENAMEBY_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_FILENAMETAGLIFY}?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.
...
3. Note the long string in the field Your Container Config is:
. Also make a note of your Web Container Id. You can find this at https:
//tagmanager.google.com/#/home.
4. Write a ticket to taglify.io Service Center with the following information.
...
Container Id
...
Container Config String
...
Choose a custom sub-domain
...
4.1 A custom sub-domain step is strongly suggested, but it is not needed. When the container is up and running, we’ll provide you with the default Tagging Server URL provided by taglify.io. 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. Send your FirstParty Domain that you want to use for the setup with the ticket. The 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 thegtm.js
file to improve the chance to bypass ad-blockers${NOSCRIPT_HTMLPROVIDED_BY_TAGLIFY}
: An alternative file-name for thens.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 given by taglify Service Center ${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.
57. 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. Make certain you didn't delete /gtm.js
.
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_FILENAMEPROVIDED_BY_TAGLIFY}
and${NOSCRIPT_HTMLHTMLPROVIDED_BY_FILENAMETAGLIFY}
with with the values you got from taglify.io . e.g.y16rm8ykxy.js
andsldfke274jf.html
Replace
${WEBCONTAINER_ID}
with your existing Web Container Id.
Code Block | ||
---|---|---|
| ||
<!-- 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_FILENAMEBY_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_HTMLBY_FILENAMETAGLIFY}?id=${WEBCONTAINER_ID}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> |
...
Code Block | ||
---|---|---|
| ||
<!-- 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-1234567WHJ8FZC');</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-1234567WHJ8FZC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> |
67. 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. If you are not using a first-party setup, enter the tagging url you received from taglify.io . ${TAGGING_URL}
.
...
78. Congratulation. The sGTM container has been set up. You may now start configuring server-side tagging in sGTM.
...