Google Analyse des flux d'inscription
Introduction
Ce guide montre comment intégrer un flux d'enregistrement IBM Security Verify avec Google Analytics via Google Tag Manager. Cela peut vous aider à analyser les parcours utilisateur pour identifier et remédier aux raisons potentielles d'abandon de l'enregistrement. Google Analytics fournit un certain nombre de rapports et d'options de reporting pour aider les organisations à mesurer les métriques commerciales critiques afin de prendre des mesures immédiates pour obtenir les résultats qui comptent aujourd'hui.
Prérequis
Pour commencer, vous aurez besoin de :
- Un flux d'enregistrement créé dans IBM Security Verify. Voir comment créer un flux d'enregistrement.
- L'ID client et le secret client pour un client API dans votre locataire IBM Security Verify avec la permission "Gérer les modèles". Voir comment créer un client API.
- Un compte Google Analytics et une propriété Google Analytics 4 avec l'ID de mesure associé.
- Un extrait de conteneur Tag Manager.
- L'utilitaire cURL pour effectuer des appels HTTP aux API REST.
Flux d'enregistrement dans IBM Security Verify
Pour ce guide, nous supposerons un flux d'enregistrement avec les champs de formulaire suivants :
- prénom
- nom de famille
- âge
- numéro de téléphone mobile
- ID e-mail
- mot de passe.
La vérification de l'adresse e-mail est également supposée être activée.
Exemple de page de flux d'enregistrement
Thèmes
Ce guide montre comment télécharger, modifier et mettre à jour le thème par défaut dans votre locataire IBM Security Verify. Si vous préférez créer un nouveau thème, consultez Gestion des thèmes.
Installer Tag Manager
Les extraits de conteneur Google Tag Manager sont de petits extraits HTML et JavaScript que vous collez dans vos pages. Ils permettent à Tag Manager de déclencher des balises en chargeant gtm.js sur chaque page.
Il y a deux extraits ; un pour la section head et l'autre pour la section body de la page.
L'installation de Tag Manager dans votre flux d'enregistrement consiste en quatre étapes simples :
- Obtenir un jeton d'accès.
- Télécharger les fichiers de modèles.
- Insérer les codes Tag Manager dans les fichiers de modèles
- Publier les nouveaux fichiers de modèles.
1. Obtenir un jeton d'accès
Vous aurez besoin de l'ID client et du secret client d'un client API qui a accès à la gestion des modèles pour recevoir le jeton d'accès. Une fois que vous les avez, effectuez un appel API avec votre client_id, client_secret et tenant_url :
export tenant_url=tenant.verify.ibm.com
export client_id=12345678-1234-1234-1234-123456789012
export client_secret=abcd1234
curl -X POST https://${tenant_url}/v1.0/endpoint/default/token -d "client_id=${client_id}&client_secret=${client_secret}&grant_type=client_credentials"
En réponse, vous obtiendrez l'access_token requis pour les étapes suivantes. Pour plus de détails à ce sujet, consultez le flux Informations d'identification du client.
2. Télécharger le package de thème par défaut
Un package de thème contient les fichiers de modèles pour un thème. Pour obtenir le package de thème par défaut, effectuez un appel API à votre locataire en utilisant le jeton d'accès que vous avez obtenu à l'étape précédente :
export tenant_url=tenant.verify.ibm.com
export access_token=iZ5Gfz66HsNYSoJxhVe7N3u6cdBCHFYWgDOCAsNF
curl -H "Authorization: Bearer ${access_token}" -X GET "https://${tenant_url}/v1.0/branding/themes/default" -o default-theme.zip
Un fichier default-theme.zip sera téléchargé dans votre répertoire courant.
3. Insérer les extraits Tag Manager dans les fichiers de modèles
Pour installer Tag Manager dans votre flux d'enregistrement, vous devez modifier vos fichiers de modèles de flux d'enregistrement.
Pour ce faire, décompressez le package de thème pour extraire les différents fichiers de modèles. Le fichier HTML utilisé par les pages de flux d'enregistrement se trouve dans templates > user_flows > registration > default > registration.html
Collez vos extraits de conteneur Tag Manager dans les sections head et body de cette page.
4. Télécharger le package de thème par défaut mis à jour
Une fois que vous avez apporté les modifications nécessaires, zippez le dossier de modèles mis à jour de sorte que le fichier zip contienne le dossier "templates" à l'intérieur. Utilisez ensuite la requête API suivante pour télécharger le fichier zip mis à jour :
curl -H "Authorization: Bearer ${access_token}" -X PUT "https://${tenant_url}/v1.0/branding/themes/default -F [email protected]
Une réponse 201 Created indique un appel API réussi.
Note : Remplacez updated-theme.zip par le nom de votre fichier zip, et si le fichier n'est pas dans votre répertoire courant, utilisez le chemin de fichier complet.
Vous pouvez vérifier la connexion Tag Manager en exécutant votre flux d'enregistrement en mode "Aperçu". Après une installation réussie, il affichera Connected! sur la page Tag Assistant.
Tag Manager : Balises, Déclencheurs et Variables
Après avoir installé Tag Manager avec succès, vous devrez créer des Balises, Déclencheurs et Variables afin de pouvoir commencer à suivre divers événements de votre formulaire.
Pour commencer, vous pouvez copier le fichier d'éléments de conteneur Tag Manager et l'importer dans votre compte Tag Manager. Ensuite, selon votre flux d'enregistrement, vous pouvez apporter les modifications nécessaires. Pour des conseils sur la façon d'importer un conteneur Tag Manager, consultez ce document sur l'exportation et l'importation de conteneurs.
Après avoir importé le fichier d'éléments de conteneur, vous obtiendrez les variables, déclencheurs et balises suivants :
-
Variables : Il y a deux variables définies par l'utilisateur :
- Custom JavaScript - Page Title : Il s'agit d'une variable JavaScript personnalisée qui stocke le titre de la page.
- Data Layer Variable - User Attribute : Il s'agit d'une variable de couche de données qui stocke l'attribut utilisateur des éléments de formulaire.
-
Déclencheurs : Il contient un certain nombre de déclencheurs différents pour suivre les événements de formulaire. Il y a deux types de déclencheurs utilisés ici :
- All Element : Ces déclencheurs se déclenchent lorsque l'utilisateur clique sur n'importe quel élément de la page et que la variable de couche de données contient une valeur spécifique.
- Page View : Ces déclencheurs sont activés lorsqu'une page est vue et contient le titre spécifié.
-
Balises : Il contient des balises pour chaque événement. Les balises utilisées ici sont également de deux types :
- GA4 Configuration : Il s'agit d'une balise de configuration Google Analytics. En utilisant cette connexion entre votre compte Google Analytics et votre compte Tag Manager est créée.
- GA4 Event : Ces balises sont responsables de l'envoi d'événements au compte Google Analytics que vous avez configuré.
Note : Dans la balise GA4 Configuration, remplacez G-12345678 par votre ID de mesure Google Analytics.
Maintenant, si vous démarrez le mode "Aperçu" depuis votre compte Tag Manager, vous devriez voir les balises se déclencher pour différents événements sur votre flux d'enregistrement.
Afficher les analyses sur la plateforme Google Analytics
Vous pouvez utiliser les événements que vous obtenez de votre flux d'enregistrement pour créer divers graphiques dans Google Analytics pour étudier différents modèles.
1. Graphique en entonnoir
Les graphiques en entonnoir sont populaires pour analyser différentes étapes d'un processus.
Graphique en entonnoir dans Google Analytics
Le rapport d'entonnoir ci-dessus fournit quelques informations que nous pouvons utiliser directement.
- Le taux d'abandon et de conversion pour chaque événement dans votre flux d'enregistrement.
- Quand et combien d'utilisateurs abandonnent votre flux d'enregistrement.
- Le temps moyen qu'il faut à un utilisateur pour passer d'une étape à la suivante.
2. Exploration de parcours
Exploration de parcours dans Google Analytics
L'exploration de parcours vous montrera les différentes façons dont les utilisateurs ont parcouru votre flux d'enregistrement. Vous pouvez soit rechercher les étapes effectuées par les utilisateurs lorsqu'ils entrent pour la première fois dans le flux, soit les étapes prises par les utilisateurs qui ont terminé l'action ciblée.
Assets
Fichier d'éléments de conteneur Tag Manager
{
"exportFormatVersion": 2,
"exportTime": "2021-10-07 06:31:51",
"containerVersion": {
"path": "accounts/1234567890/containers/12345678/versions/0",
"accountId": "1234567890",
"containerId": "12345678",
"containerVersionId": "0",
"container": {
"path": "accounts/1234567890/containers/12345678",
"accountId": "1234567890",
"containerId": "12345678",
"name": "Registration",
"publicId": "GTM-ABCDEFG",
"usageContext": [
"WEB"
],
"fingerprint": "1631538135313",
"tagManagerUrl": "https://tagmanager.google.com/#/container/accounts/1234567890/containers/12345678/workspaces?apiLink=container"
},
"tag": [
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "3",
"name": "GA4 Configuration",
"type": "gaawc",
"parameter": [
{
"type": "BOOLEAN",
"key": "sendPageView",
"value": "true"
},
{
"type": "BOOLEAN",
"key": "enableSendToServerContainer",
"value": "false"
},
{
"type": "TEMPLATE",
"key": "measurementId",
"value": "G-12345678"
}
],
"fingerprint": "1631538198223",
"firingTriggerId": [
"2147479553"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "10",
"name": "Google Analytics GA4 Event - First Name",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "first_name"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631555361690",
"firingTriggerId": [
"9"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "18",
"name": "Google Analytics GA4 Event - Reg Complete",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "reg_complete"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556063302",
"firingTriggerId": [
"17"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "19",
"name": "Google Analytics GA4 Event - Last Name",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "last_name"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556165151",
"firingTriggerId": [
"11"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "20",
"name": "Google Analytics GA4 Event - Age",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "age"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556192688",
"firingTriggerId": [
"12"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "21",
"name": "Google Analytics GA4 Event - Moible Number",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "mobile_number"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556215405",
"firingTriggerId": [
"13"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "22",
"name": "Google Analytics GA4 Event - Email",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "email"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556246636",
"firingTriggerId": [
"14"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "23",
"name": "Google Analytics GA4 Event - Password",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "password"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1631556267589",
"firingTriggerId": [
"15"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "30",
"name": "Google Analytics GA4 Event - Registration Submitted",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "registration_submitted"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1632910545413",
"firingTriggerId": [
"27"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "31",
"name": "Google Analytics GA4 Event - Email Verified",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "email_verified"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1632910508083",
"firingTriggerId": [
"28"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"tagId": "33",
"name": "Google Analytics GA4 Event - Registration Started",
"type": "gaawe",
"parameter": [
{
"type": "TEMPLATE",
"key": "eventName",
"value": "registration_started"
},
{
"type": "TAG_REFERENCE",
"key": "measurementId",
"value": "GA4 Configuration"
}
],
"fingerprint": "1632912208797",
"firingTriggerId": [
"32"
],
"tagFiringOption": "ONCE_PER_EVENT",
"monitoringMetadata": {
"type": "MAP"
},
"consentSettings": {
"consentStatus": "NOT_SET"
}
}
],
"trigger": [
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "9",
"name": "All Elements - First Name",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "given_name"
}
]
}
],
"fingerprint": "1631555321646"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "11",
"name": "All Elements - Last Name",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "family_name"
}
]
}
],
"fingerprint": "1631555466852"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "12",
"name": "All Elements - Age",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "age"
}
]
}
],
"fingerprint": "1631555499754"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "13",
"name": "All Elements - Mobile Number",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "mobile_number"
}
]
}
],
"fingerprint": "1631555526821"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "14",
"name": "All Elements - Email",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "email"
}
]
}
],
"fingerprint": "1631555567683"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "15",
"name": "All Elements - Password",
"type": "CLICK",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Data Layer Variable - User Attribute}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "password"
}
]
}
],
"fingerprint": "1631555598887"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "17",
"name": "Page View - Page Title - Account Created",
"type": "PAGEVIEW",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Custom JavaScript - Page Title}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "Your account is created"
}
]
}
],
"fingerprint": "1631556025189"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "27",
"name": "Page View - Page Title - Let's verify your email",
"type": "PAGEVIEW",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Custom JavaScript - Page Title}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "Let's verify your email"
}
]
}
],
"fingerprint": "1632910171782"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "28",
"name": "Page View - Page Title - Your email is verified",
"type": "PAGEVIEW",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Custom JavaScript - Page Title}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "Your email is verified"
}
]
}
],
"fingerprint": "1632910190088"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "29",
"name": "Page View - Page Title - Your account is created",
"type": "PAGEVIEW",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Click ID}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "Your account is created"
}
]
}
],
"fingerprint": "1632910148400"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"triggerId": "32",
"name": "Page View - Page Title - Create an account",
"type": "PAGEVIEW",
"filter": [
{
"type": "CONTAINS",
"parameter": [
{
"type": "TEMPLATE",
"key": "arg0",
"value": "{{Custom JavaScript - Page Title}}"
},
{
"type": "TEMPLATE",
"key": "arg1",
"value": "Create an account"
}
]
}
],
"fingerprint": "1632912190686"
}
],
"variable": [
{
"accountId": "1234567890",
"containerId": "12345678",
"variableId": "8",
"name": "Data Layer Variable - User Attribute",
"type": "v",
"parameter": [
{
"type": "INTEGER",
"key": "dataLayerVersion",
"value": "2"
},
{
"type": "BOOLEAN",
"key": "setDefaultValue",
"value": "false"
},
{
"type": "TEMPLATE",
"key": "name",
"value": "gtm.element.dataset.userAttribute"
}
],
"fingerprint": "1631555278869",
"formatValue": {}
},
{
"accountId": "1234567890",
"containerId": "12345678",
"variableId": "16",
"name": "Custom JavaScript - Page Title",
"type": "jsm",
"parameter": [
{
"type": "TEMPLATE",
"key": "javascript",
"value": "function () {\n return document.getElementById('title').textContent\n}"
}
],
"fingerprint": "1631555959149",
"formatValue": {}
}
],
"builtInVariable": [
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "PAGE_URL",
"name": "Page URL"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "PAGE_HOSTNAME",
"name": "Page Hostname"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "PAGE_PATH",
"name": "Page Path"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "REFERRER",
"name": "Referrer"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "EVENT",
"name": "Event"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "CLICK_ID",
"name": "Click ID"
},
{
"accountId": "1234567890",
"containerId": "12345678",
"type": "CLICK_TEXT",
"name": "Click Text"
}
],
"fingerprint": "1633588311214",
"tagManagerUrl": "https://tagmanager.google.com/#/versions/accounts/1234567890/containers/12345678/versions/0?apiLink=version"
}
}
Priti Patil, IBM Security
Naveen Kumar, IBM Security
Updated 9 days ago