Configuration du web container
Un web container est un fichier JavaScript qui a deux objectifs :
· Permettre d'utiliser les fonctions et méthodes natives du TMS
· Exécuter les solutions des partenaires (tags) contenues à l'intérieur
Il est possible, comme c'est souvent le cas, d'avoir plusieurs containers pour le même site ou même la même page.
L'URL de chaque fichier JavaScript Web Container sera fournie, avec les ID des Container et les noms des Container, par un consultant Commanders Act pendant le processus de configuration.
Implémentation des containers sur la page
Les web container sont généralement installés en implémentant un <script> nœud html sur chaque page de votre site web qui contient un src attribut qui pointe vers l'URL du Container.
Les containers peuvent être placés à différents endroits dans le code source de la page selon leur utilisation et votre type d'activité.
Voici un exemple courant avec 3 containers :
Analytics
Au début du <body>
Marketing
À la fin du </body >
L'emplacement du container <head> est généralement utilisé pour le test A/B et doit être chargé de manière synchrone, afin d'éviter un effet de clignotement.
Nous recommandons d'implémenter tous les containers <body> de manière asynchrone. Utilisez simplement l'attribut async dans l'élément <script>.
Installation de <head> Container
<head> Les Container sont utilisés pour implémenter des Tags de test A/B et de personnalisation qui impactent généralement le contenu visuel d'un site web avant qu'il ne soit présenté à l'utilisateur. Il est donc important de les placer aussi haut que possible dans la <head> section de votre site web.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="{{ head_container_URL }}"></script>
(...)
</head>
(...)
</html>Veuillez vous assurer que le <head> fichier Container est chargé de manière synchrone afin d'éviter d'éventuels effets de clignotement du contenu.
Installation de <body> Container
<body> Les Container sont utilisés pour implémenter des Tags qui mesurent des informations. Ces Container sont donc placés à la fin de la <body> section afin de s'assurer qu'ils ont un impact minimal sur le temps de chargement du contenu du site web.
Contrairement au <head> Container il est possible d'implémenter <body> Container de manière asynchrone. Par exemple, il est possible de les charger via JavaScript lors de l'événement onload de la page ou il est possible d'utiliser le async attribut dans l' <script> élément.
Test
Via la console du navigateur
Il est possible d'enregistrer tous les fichiers Container chargés sur un site via la console JavaScript du navigateur. L'objet JavaScript tC.containersLaunched fournit des informations sur chaque Web Container chargé.
Ci-dessous, vous trouverez un exemple d'objet incluant ses informations les plus pertinentes :
Définitions
ID du compte
ID unique du compte de votre espace de travail sur notre plateforme. Aussi appelé « ID du site ». Connectez-vous à votre compte Commanders Act et cherchez la première valeur numérique dans votre barre d'adresse. par ex. avec « https://app.commandersact.com/en/1234/ », votre identifiant de compte est « 1234 ».
ID du Container
ID unique du Container au sein de votre compte. par ex. « 15 ».
Nom du Container
Libellé du Container. Peut être configuré dans les « paramètres du container » du TMS. par ex. « Header Container ».
Nom du fichier Container
Nom du fichier JavaScript du Container, peut être configuré dans les « paramètres du container » du TMS. par ex. « tc_header_21.js ».
URL du Container
URL complète du Container utilisé pour l'installation. Dépend de la méthode d'hébergement. par ex. « //cdn.tagcommander.com/1234/tc_footer_main_20.js ».
Version du Container
Instantané d'un fichier JavaScript du Container. par ex. « 55.16 ».
Mis à jour
Ce contenu vous a-t-il été utile ?