Zum Hauptinhalt springen

Google Tag Manager im Online-Buchungs-Widget aktivieren

Jaana Paraïso avatar
Verfasst von Jaana Paraïso
Vor über 4 Jahren aktualisiert

1. Einleitung

Unser Widget überträgt über den Tag Manager Ereignisse, die den Fortschritt der Reservierung verfolgen. Wenn ein Termin erstellt wird, wird auch ein E-Commerce-Ereignis gesendet, das die Dienstleistung(en) enthält.

Da das Widget (oder die Mini-Webseite) von einer anderen Domäne aus bedient wird, ist es notwendig, die Analytics-ID (_ga=XXXXXXX.XXXXX) in der URL zu übergeben, um die Sitzungen zu verfolgen.

Im Allgemeinen wird die Online-Buchung in Ihre Website integriert, entweder mit einem direkten Link (den Sie generieren) oder indem Sie unser Skript einbinden und eine Funktion aufrufen:

AgendaCH.show({ company: 1 })

Unser Skript ist normalerweise in der Lage, die ID zu lesen und sie automatisch dem Link hinzuzufügen. Falls dies nicht funktioniert, können Sie die ID selbst hinzufügen, wie folgt z.B.:

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

Wenn Sie den Link selbst generieren, muss die ID entweder von Ihnen oder durch Analytics-Linker der URL hinzugefügt werden.

2. Aktivierung

a) Registrieren Sie Ihre Container-ID in den Online-Buchungseinstellungen

b) Konfigurieren Sie den Tag-Manager so, dass er auf die vom Widget gesendete Ereignisse reagiert (siehe Konfiguration unten)

3. Ereignisse

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"
}
}

Hat dies deine Frage beantwortet?