Passer au contenu principal

Activer Google Tag Manager sur le widget de réservation

Bono Stebler avatar
Écrit par Bono Stebler
Mis à jour il y a plus de 4 ans

1. Introduction

Notre widget transmet à travers de Tag Manager des évènements traçant la progression de la réservation. Si un rendez-vous est crée, un évènement e-commerce contenant la (les) prestation(s) est également envoyé.

Le widget (ou page de présentation) étant servi depuis un autre domaine, il est nécessaire pour tracker les sessions de passer l'identifiant analytics (_ga=XXXXXXX.XXXXX) dans l'URL.

Généralement, la réservation en ligne est intégrée à votre site web soit avec un lien direct (que vous générez), soit en incluant notre script et en appelant une fonction:

AgendaCH.show({ company: 1 })

Notre script est normalement capable de lire l'identifiant et de l'ajouter automatiquement au lien. Si ce là ne fonctionne pas, vous pouvez ajouter l'identifiant vous même en appelant par exemple:

AgendaCH.show({ company: 1, _ga: 'XXXXXXX.XXXXX' })

Si vous générez le lien vous même, l'identifiant doit être ajouté à l'URL soit par vous, soit par le Linker analytics.

2. Activation

a) Enregistrez votre identifiant de conteneur dans les paramètres de la réservation en ligne

b) Configurez Tag Manager pour réagir aux événements envoyés par le widget (voir configuration ci-dessous).

3. Evénements

type: SELECT_BOOKABLE
description: User clicked "Book" on any bookable item
data: {
name: string,
type: 'service' | 'course' | 'promotion'
id: string
}

type: SELECT_AGENDA
description: User selected an agenda
data: {
name: string
id: number
}

type: SELECT_ANYONE
description: User selected the "book with anyone" option instead of a specific agenda
data: {})

type: SELECT_SLOT
description: User selected an available time for their appointment
data: {
start: string
end: string
}

type: BOOKING_SUCCESS
description: Appointment was created successfully

type: REQUEST_PAYMENT
description: Appointment was created, user was forwarded to payment step

type: BOOKING_ERROR
description: Appointment could not be created
data: {
messages: string[]
}


4. Tag Manager Config

{
"exportFormatVersion": 2,
"exportTime": "2020-03-31 14:44:39",
"containerVersion": {
"path": "accounts/6000806775/containers/30928219/versions/4",
"accountId": "6000806775",
"containerId": "30928219",
"containerVersionId": "4",
"name": "Added lvh.me in autolink",
"container": {
"path": "accounts/6000806775/containers/30928219",
"accountId": "6000806775",
"containerId": "30928219",
"name": "Customer Website",
"publicId": "GTM-KX77QJJ",
"usageContext": [
"WEB"
],
"fingerprint": "1585065036436",
"tagManagerUrl": "https://tagmanager.google.com/#/container/accounts/6000806775/containers/30928219/workspaces?apiLink=container"
},
"tag": [
{
"accountId": "6000806775",
"containerId": "30928219",
"tagId": "4",
"name": "Google Analytics Tracking Tag (Universal)",
"type": "ua",
"parameter": [
{
"type": "BOOLEAN",
"key": "overrideGaSettings",
"value": "false"
},
{
"type": "TEMPLATE",
"key": "trackType",
"value": "TRACK_PAGEVIEW"
},
{
"type": "TEMPLATE",
"key": "gaSettings",
"value": "{{GA Tracking ID}}"
}
],
"fingerprint": "1585049028831",
"firingTriggerId": [
"2147479553"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
}
},
{
"accountId": "6000806775",
"containerId": "30928219",
"tagId": "13",
"name": "GA Booking Success",
"type": "ua",
"parameter": [
{
"type": "BOOLEAN",
"key": "overrideGaSettings",
"value": "false"
},
{
"type": "TEMPLATE",
"key": "trackType",
"value": "TRACK_TRANSACTION"
},
{
"type": "TEMPLATE",
"key": "gaSettings",
"value": "{{GA Tracking ID}}"
}
],
"fingerprint": "1585065379576",
"firingTriggerId": [
"9"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
}
}
],
"trigger": [
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "5",
"name": "SELECT_BOOKABLE",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "SELECT_BOOKABLE"
}
]
}
],
"fingerprint": "1585064590255"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "6",
"name": "SELECT_AGENDA",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "SELECT_AGENDA"
}
]
}
],
"fingerprint": "1585064611654"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "7",
"name": "SELECT_ANYONE",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "SELECT_ANYONE"
}
]
}
],
"fingerprint": "1585064650474"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "8",
"name": "SELECT_SLOT",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "SELECT_SLOT"
}
]
}
],
"fingerprint": "1585064749157"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "9",
"name": "BOOKING_SUCCESS",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "BOOKING_SUCCESS"
}
]
}
],
"fingerprint": "1585064776662"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "10",
"name": "BOOKING_ERROR",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "BOOKING_ERROR"
}
]
}
],
"fingerprint": "1585064859818"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "11",
"name": "REQUEST_PAYMENT",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "REQUEST_PAYMENT"
}
]
}
],
"fingerprint": "1585064886999"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"triggerId": "12",
"name": "PAYMENT_SUCCESS",
"type": "CUSTOM_EVENT",
"customEventFilter": [
{
"type": "EQUALS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{_event}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "PAYMENT_SUCCESS"
}
]
}
],
"fingerprint": "1585064935632"
}
],
"variable": [
{
"accountId": "6000806775",
"containerId": "30928219",
"variableId": "3",
"name": "GA Tracking ID",
"type": "gas",
"parameter": [
{
"type": "TEMPLATE",
"key": "cookieDomain",
"value": "auto"
},
{
"type": "BOOLEAN",
"key": "doubleClick",
"value": "false"
},
{
"type": "BOOLEAN",
"key": "setTrackerName",
"value": "false"
},
{
"type": "BOOLEAN",
"key": "useDebugVersion",
"value": "false"
},
{
"type": "BOOLEAN",
"key": "useHashAutoLink",
"value": "false"
},
{
"type": "TEMPLATE",
"key": "autoLinkDomains",
"value": "agenda.ch, lvh.me"
},
{
"type": "BOOLEAN",
"key": "decorateFormsAutoLink",
"value": "true"
},
{
"type": "BOOLEAN",
"key": "enableLinkId",
"value": "false"
},
{
"type": "BOOLEAN",
"key": "enableEcommerce",
"value": "true"
},
{
"type": "TEMPLATE",
"key": "trackingId",
"value": "UA-86668206-16"
}
],
"fingerprint": "1585066752500"
}
],
"builtInVariable": [
{
"accountId": "6000806775",
"containerId": "30928219",
"type": "PAGE_URL",
"name": "Page URL"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"type": "PAGE_HOSTNAME",
"name": "Page Hostname"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"type": "PAGE_PATH",
"name": "Page Path"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"type": "REFERRER",
"name": "Referrer"
},
{
"accountId": "6000806775",
"containerId": "30928219",
"type": "EVENT",
"name": "Event"
}
],
"fingerprint": "1585066784472",
"tagManagerUrl": "https://tagmanager.google.com/#/versions/accounts/6000806775/containers/30928219/versions/4?apiLink=version"
}
}

Avez-vous trouvé la réponse à votre question ?