Question 1

Purchase webhooks for Shopify and WooCommerce

Accepted Answer

To set up a webhook for the ecommerce purchase event, you must configure all other ecommerce events and tags in the web container similar to setting up Google Analytics server-side tracking. The only change required is in the Analytics Configuration Tag (Google Tag) inside the web container.

Follow the steps below for the Google Tag Manager Web Container setup:

STEP 01: Create DataLayer variables

Create DataLayer variables from our DataLayer Event "trytagginguserdata" as shown in the image below: marketing.user_id

marketing.session_count

Marketing Session Count

marketing.session_id

Marketing Session Count

STEP 02: Setting up Google Tag

Ensure that the Google Analytics Configuration Tag (Google Tag) fires with the Custom event "trytagginguserdata" and not with the "All Pages" Trigger.

Trytagging_userdata trigger

Make sure the Analytics Configuration Tag (Google Tag) fires before all ecommerce and other events.

STEP 03: Add parameters

Add 3 parameters with the varia

Question 2

[Custom] Installing DataLayer + Webhooks

Accepted Answer

Custom DataLayer installation

1) Create pixel in AdPage Dashboard.

After creation of the pixel, you'll get the following options:

trytagging-dashboard-custom-pixel

Custom cooky name: This cookie name is used for the feature cookie keeper. This cookie should be set by the server and should contain a unique value for the user that ideally lasts for 1 year or longer. If you do not want to use the cookie keeper feature or if it is not possible, you can leave it at the default value. The cookie keeper feature is only active when a cookie is found.

2) Installation of our marketing helpers

After linking a domain name, you will have access to our marketing helpers. This is a JavaScript file that assists in correctly generating the marketing object. The marketing object is a JavaScript object that contains self-generated and cookie values. This object is essential for setting up, especially in combination with webhooks.

The script is available through following URL:

<script defer src="https://[Gekoppelde_domein_naam]/user-data-minified.js"></script>

It gives access to following JavaScript functions:

window.taggingHelpers.getMarketingObject(); // Marketing object
window.taggingHelpers.getDeviceInfo(); // Device object

These functions can be used later in the DataLayer. The marketing object will also be used to send in w

Question 3

Installing the custom DataLayer

Accepted Answer

Please note: This article is intended for websites that use a custom system. At AdPage Tagging we try to use our own plugins/apps as much as possible, such as the WooCommerce Plugin and the Shopify Plugin.

Below you will find the requirements for correctly setting up the DataLayer, including example codes:

User cookie

Cookie that remains unique for the user and is also sent in the data layer and webhook. The script below can be used as an example for creating the cookie and generating the marketing object in the data layer.

`` var taggingUserIdCookieName = "tagging_user_id"; var taggingHelpers = { getCookie: function (name) { const cookies = document.cookie.split("; "); for (const cookie of cookies) { const [cookieName, cookieValue] = cookie.split("="); if (cookieName === name) { return decodeURIComponent(cookieValue); } } return null; }, setCookie: function (name, value, daysToExpire) { const expires = new Date(); expires.setTime(expires.getTime() + daysToExpire * 24 * 60 * 60 * 1000); document.cookie =${name}=${value};expires=${expires.toUTCString()};path=/; }, generateUUID: function () { const segment = () => Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); return${segment()}${segment()}-${segment()}-${segment()}-${segment()}-${segment()}${segment()}${segment()}; }, getDeviceInfo: function () { const screenResolution =${window.screen.width}x

Question 4

GTM templates (Wordpress, WooCommerce, Shopify, Lightspeed)

Accepted Answer

To get a flying start with setting up your Google Tag Manager web and server container, we have developed a number of templates that you can import.

Do you want to know how to import these containers? Then take a look at this helpdesk article.

WordPress Download the web container here Download the server container here

WooCommerce Download here for the web container Download here for the server container We recommend installing the plugin to get this template working. You can find the plugin via the following link: https://wordpress.org/plugins/tagging/

Shopify Download here for the web container Download here for the server container

Shopify with webhooks Download web container Download server container

Lightspeed [Download web conta

Question 5

Adding cookie code to Google Tag Manager in combination with Serverside Tagging

Accepted Answer

AdPage Tagging is a partner of Cookiecode.co.uk. Our tracking specialists have already set up various CMPs such as cookiebot, cookieyes, and Iubenda. The advantage of cookiecode is that you are dealing with a Dutch party with a legal background. This makes it easier in terms of communication, and there is more focus for their customers.

To install cookiecode, follow these steps:

Download the CookieCode GTM template from https://portal.cookiecode.nl/company/documents/template.tpl.
Go to Google Tag Manager web container and upload this template by going to templates (1) and then new (2)

Uploaden van cookiecode template naar Tag Manager

Then click import

Importeren template na 3 puntjes

Select the template and click save

Go to the overview of tags and click on 'New' at the top right !

Name the tag 'CookieCode' and click 'Tag configuration' to choose the tag.

From the list, select the tag named 'CookieCode'.

![](https://storage.

Question 6

Help document for completing tagging.adpage.io

Accepted Answer

We often see that filling in information and giving authorizations is a bit more difficult for some, but it is still important that we receive the necessary information and authorizations. Because without it we cannot implement server-side tagging. Below, a little more explanation will be given per platform about how to get to the screens as in the videos.

Google Tag Manager

To get to the screen you see in the Google Tag Manager video, go to: https://tagmanager.google.com/#/home.

If you don't see an account or containers there, you can create an account first. Name that account after your company name, select the country where you are active and under 'Container Setup' select 'Internet' and name the container with the URL of your site. You could then follow the steps in the video for that account.

If you already have an account and a container on Google Tag Manager, you can simply follow the video on tagging.adpage.io.

Google Analytics

To get to the screen you see in the Google Analytics video, go to: https://analytics.google.com/analytics/web/ .

If you can't see a property there yet, you can follow this step-by-step plan to create one:[https://www.nickvanmaaren.nl/blog/een-google-analytics-4-property-aanmaken/](https ://www.nickvanmaaren.nl/blog/een-google-analytics-4-property-aanmaken/).

Do you already have a GA4 or UA prope

Frequently Read Articles

Browse All Categories