Google Analyse des flux d'inscription
Introduction
Ce guide montre comment intégrer un flux d'enregistrement IBM Verify avec Google Analytics via Google Tag Manager. Cela peut vous aider à analyser les parcours des utilisateurs afin d'identifier les raisons potentielles de l'abandon d'une inscription et d'y remédier. Google Analytics fournit un certain nombre de rapports et d'options de reporting pour aider les organisations à mesurer les paramètres critiques de l'entreprise 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 Verify. Voir comment créer un flux d'enregistrement.
- L'ID et le secret du client pour un client API dans votre locataire IBM Verify avec la permission "Manage Templates". 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'inscriptions en IBM Verify
Pour ce guide, nous supposerons un flux d'enregistrement avec les champs de formulaire suivants :
- prénom
- nom
- âge
- Numéro de téléphone portable
- ID de messagerie électronique
- mot de passe.
La vérification de l'adresse électronique 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 de votre locataire IBM Verify. Si vous préférez créer un nouveau thème, consultez la rubrique Gestion des thèmes.
Installer Tag Manager
Les extraits de conteneurs du 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 existe deux extraits, l'un pour l'en-tête et l'autre pour le corps de la page.
L'installation de Tag Manager dans votre flux d'enregistrement se fait en quatre étapes simples :
- Obtenir un jeton d'accès.
- Téléchargement des fichiers de modèles.
- Insérer des codes Tag Manager dans des fichiers modèles
- Publication de 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 de l'API qui a accès à la gestion des modèles pour recevoir le jeton d'accès. Une fois que vous les avez, faites un appel à l'API avec votre identifiant de client, votre secret de client et votre URL de locataire :
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 le code d'accès (access_token) nécessaire pour les étapes suivantes. Pour plus de détails à ce sujet, consultez le flux des informations d'identification du client.
2. Télécharger le package du thème par défaut
Un paquet de thèmes contient les fichiers de modèles d'un thème. Pour obtenir le paquet de thèmes par défaut, faites 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 des extraits du Tag Manager dans les fichiers de modèles
Pour installer Tag Manager dans votre flux d'enregistrement, vous devez modifier les fichiers du modèle de flux d'enregistrement.
Pour ce faire, décompressez le paquet du thème afin d'extraire les différents fichiers de modèles. Le fichier HTML utilisé par les pages du flux d'enregistrement se trouve dans templates > user_flows > registration > default > registration.html
Collez vos extraits de conteneurs Tag Manager dans les sections "head" et "body" de cette page.
4. Télécharger le paquet de thèmes par défaut mis à jour
Une fois que vous avez effectué les modifications nécessaires, zippez le dossier des modèles mis à jour de manière à ce que le fichier zip contienne le dossier "templates". 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 que l'appel à l'API a abouti.
Note : Remplacez updated-theme.zip par le nom de votre fichier zip, et si le fichier ne se trouve pas dans votre répertoire actuel, utilisez le chemin d'accès complet.
Vous pouvez vérifier la connexion au Tag Manager en exécutant votre flux d'enregistrement en mode "Aperçu". Une fois l'installation réussie, le message Connected ! apparaîtra sur la page de l'assistant de marquage.
Tag Manager : Tags, déclencheurs et variables
Après avoir installé avec succès Tag Manager, vous devrez créer des balises, des déclencheurs et des variables afin de pouvoir commencer à suivre les différents événements de votre formulaire.
Pour commencer, vous pouvez copier le fichier des éléments du conteneur Tag Manager et l'importer dans votre compte Tag Manager. Ensuite, en fonction de votre flux d'enregistrement, vous pouvez apporter les modifications nécessaires. Pour savoir comment importer un conteneur Tag Manager, voir ce document sur l'exportation et l'importation de conteneurs.
Après avoir importé le fichier des éléments du conteneur, vous obtiendrez les variables, déclencheurs et balises suivants :
-
Variables : Il existe deux variables définies par l'utilisateur :
- JavaScript personnalisé - Titre de la page : Il s'agit d'une variable JavaScript personnalisée qui stocke le titre de la page.
- Variable de couche de données - Attribut de l'utilisateur : Il s'agit d'une variable de couche de données qui stocke l'attribut utilisateur des éléments du formulaire.
-
Déclencheurs : Il contient un certain nombre de déclencheurs différents pour le suivi des événements du formulaire. Deux types de déclencheurs sont utilisés ici :
- Tous les éléments : Ces déclencheurs se déclenchent lorsque l'utilisateur clique sur n'importe quel élément de la page et que la variable de la couche de données contient une valeur spécifique.
- Affichage de la page : Ces déclencheurs sont activés lorsqu'une page est consultée et qu'elle contient le titre spécifié.
-
Tags : Il contient des étiquettes pour chaque événement. Les étiquettes utilisées ici sont également de deux types :
- Configuration GA4: Il s'agit d'une balise de configuration de Google Analytics. Cela permet de créer une connexion entre votre compte Google Analytics et votre compte Tag Manager.
- Événement GA4: Ces balises sont chargées d'envoyer des é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 lancez le mode "Aperçu" à partir de votre compte Tag Manager, vous devriez voir des balises se déclencher pour différents événements de votre flux d'enregistrement.
Visualiser les analyses sur la plateforme Google Analytics
Vous pouvez utiliser les événements que vous obtenez à partir de votre flux d'inscription pour créer divers graphiques dans Google Analytics afin d'étudier différents modèles.
1. Diagramme en entonnoir
Les diagrammes en entonnoir sont très utilisés pour analyser les différentes étapes d'un processus.
Diagramme en entonnoir dans Google Analytics
Le rapport sur l'entonnoir ci-dessus fournit quelques informations que nous pouvons utiliser directement.
- Le taux d'abandon et de conversion pour chaque événement de votre flux d'inscription.
- Quand et combien d'utilisateurs abandonnent votre processus d'enregistrement.
- Temps moyen nécessaire à un utilisateur pour passer d'une étape à l'autre.
2. Exploration du chemin
Path exploration in Google Analytics
L'exploration des chemins vous montrera les différents chemins empruntés par les utilisateurs dans votre flux d'enregistrement. Vous pouvez rechercher les étapes franchies par les utilisateurs lorsqu'ils entrent pour la première fois dans le flux ou les étapes franchies par les utilisateurs qui ont effectué l'action ciblée.
Actifs
Fichier d'éléments du 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 Sécurité
Updated about 1 month ago