Documentation

Intégration de base

Inhalt

Votre code de suivi Intégrer un code de suivi Intégration standard Intégration dans les systèmes de gestion de contenu et de boutique Intégrer avec Security Headers Intégration avec les attributs nonce Code de suivi pour les pages Google AMP

Le code de suivi etracker est nécessaire pour qu’etracker puisse déterminer les données d’utilisation du site web (comme par exemple les visiteurs et les pages consultées).

Le code de suivi doit être intégré une fois pour toutes dans toutes les pages de votre site à mesurer.

L’intégration de base est terminée et les éléments suivants sont automatiquement enregistrés :

Toutes les pages vues avec le titre de la page et l’URL (sans les paramètres URL) avec la durée de la visite à la seconde près et l’appartenance aux espaces de navigation selon la structure de l’URL
Tous les appels de liens externes, les clics de téléchargement et les événements de défilement
Vidéos, podcasts, musique (médias lisibles)
Utilisation de la recherche interne après définition du paramètre de recherche
Attribution des visites par média (type-in, SEO/SEA, médias sociaux, référent)
Google Analytics (UTM) Paramètres de la campagne (en tant qu’origine, support, campagne)
Tous les référents organiques (domaine et chemin)

En option, vous pouvez également remplir les paramètres etracker contenus dans le code de suivi.

Pour des évaluations et des rapports spéciaux, des données supplémentaires peuvent être transmises via des interfaces qui doivent également être intégrées dans le site web à mesurer. Les interfaces suivantes sont à votre disposition :

Enveloppeur JavaScript permettant de collecter des données indépendamment d’une impression de page (par exemple, collecte de requêtes Ajax).
API e-commerce pour la collecte des données de performance des produits, les commandes et la transmission des nouveaux statuts de commande (annulation, lead to sales).

Votre code de suivi

Le code de suivi contient une valeur clé unique pour chaque compte. Votre code de suivi personnel est affiché après votre première connexion. Vous pouvez également le trouver à tout moment sous Intégration → Code du site web.

Intégrer un code de suivi

Intégration standard

Pour qu’etracker puisse collecter les données de votre site Web, le code de suivi doit être inséré à l’intérieur du code source HTML sur toutes les pages à mesurer de votre site Web ou dans le modèle de votre système de gestion de contenu ou de votre boutique en ligne, entre la balise ouvrante <head> et la balise fermante </head>. Nous recommandons d’insérer le code de suivi immédiatement après la balise ouvrante <head> ou aussi près que possible de celle-ci.

Le code de suivi se construit comme indiqué dans l’exemple ci-dessous :

Exemple d’intégration du code d’accrochage dans un document HTML html

<!-- Copyright (c) 2000-2025 etracker GmbH. All rights reserved. No reproduction, publication or modification allowed without permission. -->
<!-- etracker code 6.0 -->
<script type="text/javascript">
// var et_pagename = "";
// var et_areas = "";
</script>
<script id="_etLoader" type="text/javascript" charset="UTF-8" data-block-cookies="true" data-secure-code="XXXXXX" src="//code.etracker.com/code/e.js" async></script>
<!-- etracker code 6.0 end -->

Important

Conformément à la directive européenne, le paramètre data-block-cookies="true" dans le code de suivi veille à ce qu’aucun cookie etracker ne soit installé par défaut. En option, vous pouvez intégrer la fonction d’activation des cookies etracker dans votre avis sur les cookies, afin de permettre l’installation de cookies etracker en cas de consentement.

Si vous utilisez une solution courante de gestion du consentement, suivez ces instructions d’ interaction afin de ne pas bloquer à tort le suivi sans cookie.

Une fois le code de suivi intégré, etracker commence immédiatement à suivre votre site Web.

Intégration dans les systèmes de gestion de contenu et de boutique

Pour les systèmes de gestion de contenu ou les systèmes de boutique, le code de suivi doit être généré une fois manuellement, puis inséré dans le modèle de mise en page. Les paramètres du code de suivi doivent ensuite être transmis par des variables du système de gestion de contenu ou du système de boutique.

Nous mettons également à votre disposition des plug-ins pour les systèmes de boutique les plus courants.

Intégrer avec Security Headers

Pour renforcer la sécurité des applications web, il est de bonne pratique d’utiliser des en-têtes HTTP de sécurité. Il s’agit notamment de l’en-tête Content-Security-Policy(CSP).

Domaine de suivi par défaut

Pour utiliser le code de suivi sur un serveur avec CSP activé, l’en-tête CSP pour etracker doit être complété comme suit :

Header set Content-Security-Policy "script-src 'self' https://*.etracker.com https://*.etracker.de 'unsafe-inline'; connect-src https://*.etracker.de; img-src 'self' https://*.etracker.com https://*.etracker.de data:; style-src 'self' https://*.etracker.com 'unsafe-inline'"

Si vous utilisez la carte de défilement , vous devez également autoriser l’intégration dans une iframe :

Header set Content-Security-Policy "frame-ancestors https://*.etracker.com; script-src 'self' https://*.etracker.com https://*.etracker.de 'unsafe-inline'; connect-src https://*.etracker.de; img-src 'self' https://*.etracker.com https://*.etracker.de data:; style-src 'self' https://*.etracker.com 'unsafe-inline'"

Avec votre propre domaine de suivi

Si le suivi est utilisé via votre propre domaine, les en-têtes CSP doivent être complétés comme suit avec votre propre domaine de suivi (remplacez ici metrics.mydomain.com par le domaine de suivi que vous avez créé) :

Header set Content-Security-Policy "script-src 'self' https://metrics.mydomain.com 'unsafe-inline'; connect-src https://metrics.mydomain.com; img-src 'self' https://metrics.mydomain.com data:; style-src 'self' https://metrics.mydomain.com 'unsafe-inline'"

Si vous utilisez la carte de défilement , vous devez également autoriser l’intégration dans une iframe :

Header set Content-Security-Policy "frame-ancestors https://*.etracker.com; script-src 'self' https://metrics.mydomain.com 'unsafe-inline'; connect-src https://metrics.mydomain.com; img-src 'self' https://metrics.mydomain.com data:; style-src 'self' https://metrics.mydomain.com 'unsafe-inline'"

Intégration avec les attributs nonce

Les nonces (nonce = “Number Used Once”) sont un élément important de la politique de sécurité du contenu (CSP) pour ne déclarer que certains éléments en ligne comme “sûrs”. Cela permet d’éviter la directive CSP “unsafe-inline”.

Pour exécuter etracker sans “unsafe-inline”, il faut d’abord ajouter au bloc de paramètres un attribut nonce aléatoire généré par le serveur web :

<script type="text/javascript" nonce="88632193213n2109d81bajvkad"> 
var et_pagename = "/home"; 
var et_areas = "bereich1";
</script>

Pour permettre au etracker tag manager d’insérer des tags, il faut en outre ajouter l’attribut nonce à la balise de script pour la récupération du code :

<script type="text/javascript" src="//code.etracker.com/code/e.js" id="_etLoader" data-block-cookies="true" data-secure-code="a1b2c3" nonce="88632193213n2109d81bajvkad" async></script>

En outre, l’en-tête CSP doit être modifié dans le serveur Web de manière à utiliser le nonce généré au lieu de “unsafe-inline”.

Header set Content-Security-Policy "frame-ancestors https://*.etracker.com; script-src 'self' https://*.etracker.com https://*.etracker.de 'nonce-88632193213n2109d81bajvkad'; connect-src https://*.etracker.de; img-src 'self' https://*.etracker.com https://*.etracker.de data:; style-src 'self' https://*.etracker.com 'nonce-88632193213n2109d81bajvkad'"

Veuillez noter que le code ci-dessus n’est qu’un exemple. La valeur nonce ne doit pas être utilisée de manière statique, mais doit être générée par le serveur web à chaque requête.

Code de suivi pour les pages Google AMP

Grâce à etracker, il est également possible de suivre les visiteurs, les Page Impressions (PI), la durée de la visite ainsi que les entrées et les sorties sur les pages AMP. Pour ce faire, la page doit être adaptée à deux endroits au maximum .

Tout d’abord, il faut intégrer amp-analytics. Pour ce faire, le script correspondant est chargé dans le HTML en ajoutant un élément de script dans l ‘élément head:

AMP html

<head>
<script async
custom-element="amp-analytics"
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">
</script>
</head>

Si plusieurs outils d’analyse sont utilisés simultanément (par exemple etracker et Google Analytics), le script ne doit être chargé qu’une seule fois. Ensuite, amp-analytics est intégré dans l’élément body avec la configuration etracker.

html

<body>
 <amp-analytics config="https://code.etracker.com/amp-config.json.php">
    <script type="application/json">
      {
          "vars": {
              "areas": "AMP-Beispielbereich",
              "et": "M632hA",
              "pagename": "AMP-Beispielseite"
          }
       }
     </script>
 </amp-analytics>
</body>

Dans la section de code ci-dessus, les valeurs des paramètres areas, et et pagename doivent être attribuées par page comme indiqué dans le tableau ci-dessous :

Parameter	Beschreibung	Erforderlich?
et	Account-Schlüssel (eindeutig pro Account)	ja
pagename	Name, unter dem die Seite in etracker zu finden ist. Wenn nicht gesetzt, wird die URL der Seite dafür verwendet.	nein
areas	Bereiche, denen die Seite zugeordnet ist.	nein