![](\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2022\/10\/gtm_logo.png\"){kind=logo}
Google Tag Manager (GTM) is a tool from Google that allows you as an online marketer, entrepreneur or social media specialist to become less dependent on your developers or an external agency. By means of Google Tag Manager you ensure that you can make useful tags such as Google Analytics or the Meta Pixel work without having to ask your web builder to place the tags in the code of your website.<\/p>\n\n\n\n
In Measurements you have the option to make Client Side and Server Side calls for GTM. Client Side calls are not available for the events After a webhook call from Findock<\/strong> v2<\/strong> and After a successful payment<\/strong>. The Client Side calls use the datalayer.push() function. The data can then be read by the GTM pixel on your website:<\/p>\n\n\n\n In the above code, replace UNIQUE_ID with your own Google Tag Manager ID.<\/p>\n\n\n\n Server Side calls are only available if a value is entered in the CampaignSuite settings for the field GTM SST URL<\/strong> (Google Tag Manager Server Side Tracking URL). This URL (also called Tag Manager server container) can be created in Google Tag Manager. Read here<\/a> to learn more about how to create a Tag Manager server container. When you fill in the Measurement ID<\/strong> field with the ID from GTM, it will automatically be included in the Server Side calls in the parameter tid<\/em><\/strong>.<\/p>\n\n\n\n When a Client Side call is made via the Google Tag Manager provider, CampaignSuite automatically detects whether it is an E-commerce Measurement call or not. We do this based on the mapping of the Price<\/strong> parameter of the product. If this parameter is mapped, the datalayer.push() will have an e-commerce syntax. In all other cases it will be a simple version of a datalayer.push(). Below are 2 examples of a simple and an e-commerce Client Side call.<\/p>\n\n\n\n It is only possible to make Server Side calls if there is a Tag Managa server container has been created and set up. This container can be accessed via a separate URL (for example: https:\/\/sst.testwebsite.nl\/g\/collect) which must be set in the CampaignSuite settings under GTM SST URL<\/strong>.<\/p>\n\n\n\n<!-- Google Tag Manager -->\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({' gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','UNIQUE_ID');<\/script>\n<!-- End Google Tag Manager --><\/code><\/pre>\n\n\n\nClient Side<\/h3>\n\n\n\n
Example of the mapping (simple):<\/h4>\n\n\n\n
![\"\"](\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2022\/10\/measurement_gtm_client_simple.png\")
<\/figure>\n\n\n\nExample of the datalayer.push() Javascript code:<\/h4>\n\n\n\n
<script type='text\/javascript'>\n dataLayer.push({\n event: \"page_switch\",\n page: \"1\"\n });\n<\/script><\/code><\/pre>\n\n\n\nExample of the mapping (e-commerce):<\/h4>\n\n\n\n
![\"\"](\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2022\/10\/measurement_gtm_client_ecommerce-1.png\")
<\/figure>\n\n\n\nExample of the datalayer.push() Javascript code:<\/h4>\n\n\n\n
<script type='text\/javascript'>\n dataLayer.push({ ecommerce: null });\n dataLayer.push({\n event: \"purchase\",\n transaction_id: \"349\",\n e-commerce: {\n value: 12.45,\n payment_type: \"Ideal\",\n items: [\n {\n item_id: \"1\",\n item_name: \"Donation\",\n price: 12.45,\n quantity: 1\n }\n ]\n }\n });\n<\/script><\/code><\/pre>\n\n\n\nServer Side<\/h3>\n\n\n\n
![\"](\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2022\/10\/measurement_gtm_server.png\")
<\/figure>\n\n\n\n