Configurer des événements

Les événements vous permettent de mesurer les interactions des utilisateurs sur votre site Web ou dans votre application. Exemple : vous permet de savoir quand un utilisateur charge une page, clique sur un lien et effectue un achat. Google Analytics utilise les données des événements pour créer des rapports contenant des informations sur votre entreprise. En savoir plus

Ce guide vous explique comment configurer des événements recommandés et des événements personnalisés sur votre site Web à l'aide de la balise Google (gtag.js) ou de Google Tag Manager. Vous ne devez pas vous devez configurer les événements collectés automatiquement et de mesures améliorées.

Vous avez configuré Google Analytics et commencez à voir des données dans vos rapports, mais vous souhaitez collecter plus d'informations que celles collectées automatiquement par Analytics, ou si vous souhaitez débloquer certaines fonctionnalités dans Analytics.


Avant de commencer

Ce guide part du principe que vous avez effectué les opérations suivantes :

Il part également du principe que vous disposez des éléments suivants :

  • Vous avez accès au code source de votre site Web.
  • Le rôle d'Éditeur au compte Google Analytics

Présentation de la balise Google (gtag.js)

Utilisez l'API de balise Google (gtag.js) pour envoyer les événements à Google Analytics. L'API comporte une fonction appelée gtag(). Chaque fois que vous souhaitez envoyer un événement à Google Analytics, vous utilisez les éléments suivants : syntaxe:

gtag('event', '<event_name>', {
 
<event_parameters>
});

Dans cet exemple, la fonction gtag() inclut les éléments suivants :

  • Une commande event qui indique à Google que vous envoyez un événement
  • Nom de l'événement recommandé ou personnalisé
  • (Facultatif) Ensemble de paramètres qui fournissent des informations supplémentaires sur l'événement

Par exemple, voici un événement recommandé appelé screen_view avec deux paramètres:

gtag('event', 'screen_view', {
 
'app_name': 'myAppName',
 
'screen_name': 'Home'
});

Ajouter des événements à votre code JavaScript

gtag() étant une fonction JavaScript, vous devez l'ajouter au code JavaScript de votre page Web. Par exemple, vous pouvez ajouter la fonction dans votre balises <script> ou dans un fichier JavaScript distinct que vous importez dans votre code HTML. .

Vous pouvez ajouter des événements à votre code JavaScript n'importe où en dessous de l'extrait de code de la balise Google. Google ne traitera pas les données des événements que vous placez au-dessus de la balise Google extrait. L'exemple de code suivant inclut un événement appelé screen_view dans une balise <script>:

<!DOCTYPE html>
<html lang="en">
<head>
   
<!-- Google tag (gtag.js) -->
   
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
   
<script>
    window
.dataLayer = window.dataLayer || [];
   
function gtag(){dataLayer.push(arguments);}
    gtag
('js', new Date());

    gtag
('config', 'G-XXXXXXXXXX');
   
</script>

   
<meta charset="UTF-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge">
   
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
<title>Title of the page</title>
</head>
<body>
   
<p>Welcome to my website!</p>
   

   
<script>
     
/**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */

      gtag
('event', 'screen_view', {
       
'app_name': 'myAppName',
       
'screen_name': 'Home'
     
});
   
</script>

</body>
</html>

Si vous souhaitez envoyer l'événement en fonction d'un clic sur un bouton (ou d'un autre vous pouvez ajouter du code JavaScript supplémentaire à l'événement.

Afficher vos événements dans Analytics

Vous pouvez afficher vos événements et leurs paramètres à l'aide des outils Temps réel et DebugView. Notez que le rapport DebugView nécessite avant de pouvoir utiliser le rapport. Ces deux rapports vous indiquent événements déclenchés par les utilisateurs sur votre site Web à mesure qu'ils sont déclenchés.

Étapes suivantes