Comment ajouter un conteneur côté serveur Google Tag Manager à WordPress

Auteur
Stape
Publié
October 16, 2020
Egalement disponible

Vous cherchez à installer Google Tag Manager côté serveur dans WordPress ? Si vous souhaitez intégrer des logiciels d'analyse et des applications marketing à votre site Web WordPress sans perdre de données (en raison d'AdBlockers ou d'ITP), le balisage côté serveur de Google Tag Manager est ce que vous pouvez utiliser. Il vous permet d'ajouter et d'exécuter des codes de suivi via l'environnement du serveur.

Dans cet article, nous expliquons comment ajouter Google Tag Manager Server-Side Container dans WordPress à l'aide de notre plugin.

Qu'est-ce que le balisage côté serveur de Google Tag Manager pour WordPress?Copier le lien vers cette section

Balisage coté serveur Google Tag Manager est un outil de Google publié en version bêta publique en été 2020. Il vous permet de déplacer des pixels de troisième partie des navigateurs clients vers l'environnement du serveur.

Avec le balisage côté serveur, vous oublierez les données incomplètes dans Google Analytics ou tout autre logiciel d'analyse de site Web d'ailleurs. Et la faible vitesse de page due aux scripts java lourds sur votre site WordPress ne sera plus un problème.

Depuis la sortie du produit il y a seulement quelques mois, Conteneur du serveur Google Tag Manager n'a qu'un seul client natif : Universal Analytics. Tous les éléments Server GTM tels que les clients, les balises, les déclencheurs et les variables sont uniquement axés sur la mise en œuvre de Google Analytics via le conteneur côté serveur. Naturellement, la mise en œuvre de GA est l'un des objectifs les plus importants pour tous les propriétaires de sites Web. Mais le transfert d'autres balises comme Facebook, Bing ou AdWords peut réduire considérablement la charge client et améliorer la qualité des données sur votre site WordPress.

Il est probable que Google va bientôt créer des balises natives pour d'autres plates-formes, comme il l'a fait pour le conteneur Web, où les utilisateurs de Server GTM créeront des modèles personnalisés et les partageront via la bibliothèque de modèles GTM.

Quels sont les avantages principaux de l'ajout d'un conteneur Google Tag Manager côté serveur à WordPress?Copier le lien vers cette section

1. Contourner la prévention du suivi intelligent 

Les ITP Safari et Firefox limitent la durée de vie des cookies. Auparavant votre cookie pouvait vivre jusqu'à 2 ans, et désormais sa durée de vie est limitée à 7 jours ou même 24 heures. Avec Google Analytics implémenté sur l'environnement du serveur, vous pouvez prolonger la durée de vie des cookies. Et pour l'instant, c'est le moyen le plus simple d'atteindre l'objectif. Si vous ne le faites pas, les utilisateurs qui reviennent sur votre site Web après 7 jours (ou dans certains cas, 24 heures) seront considérés comme des nouveaux utilisateurs. En conséquence, la qualité des données dans Google Analytics diminuera.

2. Précision des données améliorée

 La plupart des propriétaires de sites WordPress constatent des écarts entre le nombre de transactions dans Google Analytics et leur CRM. Cela se passe à cause des bloqueurs de publicités et des erreurs qui se produisent dans les navigateurs clients avec des pixels tiers. Vous pouvez éliminer ce problème en déplaçant GA vers le conteneur de serveurs. Vos cookies tiers seront considérés comme propriétaires uniquement si vos données sont envoyées au sein de votre domaine. Cet article explique l'avantage de remplacer l'URL de balisage GA par votre sous-domaine personnalisé. De plus, vous n'aurez pas à gérer les erreurs de javascript tierces. Et les événements seront envoyés via le serveur.

3. Vitesse de chargement des pages améliorée

 Le javascript lourd est une des raisons les plus courantes de la diminution de la vitesse des pages du site. Avec le suivi côté serveur, vous supprimez les pixels tiers du navigateur vers les serveurs cloud. Google a récemment publié une étude montrant que chaque réduction de 0,1 seconde de la vitesse du site Web mobile augmente en moyenne la valeur de la commande de près de 10 %.

Si vous êtes impressionné par ce que Google Tag Manager côté serveur a à vous proposer, vous serez heureux d'apprendre que l'ajout de GTM Server Container à votre site Web WordPress se fait sans effort avec notre plugin. Le plug-in est gratuit. Bien que nous proposions plusieurs plans tarifaires pour nos services, vous pouvez vérifier les détails ici.

Comment configurer Google Tag Manager Server-Side Container dans WordPressCopier le lien vers cette section

1. Connectez-vous à votre administrateur WordPress et accédez aux plugins. Ensuite, cliquez sur “Add New’’, tapez "GTM Server-Side", choisissez ce plugin, puis cliquez sur installer maintenant. Une fois installé, cliquez sur Activer.

wordpress

2. Créez un conteneur de serveur Google Tag Manager si vous n'en avez pas. Accédez à https://tagmanager.google.com/ et choisissez le compte sur lequel vous souhaitez créer un conteneur. Cliquez ensuite sur Admin.

wordpress

3. Sous la colonne du conteneur, cliquez sur +.

wordpress

4. Tapez le nom du conteneur, choisissez Serveur, puis cliquez sur créer.

wordpress

5. Dans la fenêtre contextuelle d'installation, choisissez « Provisionner manuellement le serveur de marquage » (“Manually provision tagging server”), copiez la configuration de votre conteneur et collez-la dans n'importe quel éditeur de texte. Nous en aurons besoin pour les prochaines étapes.   

wordpress

6. Créez un compte gratuit au sein de notre service ici : https://app.gtm-server.com/auth/sign-up 

7. Une fois que vous avez reçu l'e-mail de confirmation et vous avez défini votre mot de passe, vous devez créer un conteneur. Saisissez le nom de votre conteneur et collez la configuration de conteneur que vous avez copiée à partir de votre conteneur de serveur Google Tag Manager. Cliquez ensuite sur Créer un conteneur (Create Container).

wordpress

8. Une fois que vous avez cliqué sur créer, vous verrez l'état de votre conteneur, la configuration du conteneur et le nom de plan. Il faut environ 5 minutes pour déployer le conteneur de serveur. Veuillez recharger la page pour mettre à jour le statut. Si la configuration a été effectuée correctement, vous devriez voir le statut "En cours d'exécution" (“Running.”).

wordpress

Si vous voyez "Erreur", veuillez vérifier si vous avez copié et collé la bonne configuration de conteneur. Si l'erreur se reproduit, veuillez contacter l'assistance. 

9. Configurez une URL de balisage. Dans votre Google Tag Manager, cliquez sur admin, sélectionnez les paramètres du conteneur et collez l'URL du domaine que vous voyez dans app.gtm-server.com/container/

wordpress
wordpress

10. Ouvrez le plug-in GTM Server-Side que vous avez installé lors de la première étape et collez l'URL de marquage dans les paramètres du plug-in.

wordpress

11. Vous avez deux options pour ajouter un conteneur de serveur GTM : avec un conteneur Web GTM ou exécuter uniquement un conteneur de serveur GTM. Nous vous recommandons de choisir la deuxième option, "Ajouter un conteneur Web Google Tag Manager sur toutes les pages. Si vous avez d'autres plugins GTM, veuillez les désactiver. 

12. Si vous choisissez la deuxième option, veuillez coller votre ID de conteneur Web. Vous pouvez le trouver en vous connectant à votre conteneur Web GTM ; vous verrez l'ID dans le coin supérieur droit. Collez-le dans le champ ID Google Tag Manager. Une fois que c'est fait, n'oubliez pas de désactiver les autres plugins pour l'installation de GTM.

wordpress

13. Mettez à jour l'URL Google Analytics transport dans votre conteneur Web GTM. Dans Google Tag Manager Web Container, accédez à Variables -> Choose your Google Analytics variable -> More Settings -> Advanced Configuration -> Paste Transport URL.

wordpress

C'est tout! Le conteneur de serveur GTM est maintenant configuré sur votre site Web WordPress et GA s'exécute via l’environnement de serveur. Si vous souhaitez en savoir plus sur l'exécution de GA via un sous-domaine personnalisé pour contourner les bloqueurs de publicités et les ITP, consultez cet article.

Comment charger Google Analytics à partir d'un sous-domaine personnalisé dans WordPress?Copier le lien vers cette section

Je recommande vivement d'utiliser un sous-domaine personnalisé pour votre serveur de balisage, car cela vous aidera à améliorer la précision des données.

1. Connectez-vous à votre compte de serveur GTM et cliquez sur Ajouter un domaine personnalisé.

wordpress

2. Connectez-vous à votre service de nom de domaine et créez un nouvel enregistrement DNS pour le sous-domaine que vous souhaitez utiliser.

Si vous utilisez un compte Cloudflare. Choisissez le domaine, cliquez sur DNS -> Ajouter un enregistrement.

Ajoutez ces paramètres :

Type : A

Nom : ss (ou tout autre nom de sous-domaine que vous souhaitez)

Adresse IPv4 : L'adresse IP dépend de l'emplacement des serveurs. Vous pouvez trouver l'adresse IP du domaine personnalisé dans votre compte stape.io. Nous avons ces emplacements de serveurs :

US Centre (lowa) => 35.193.123.107

US Est (Caroline du Sud) => 34.139.101.37

US West (Oregon) => 104.198.8.50E

U West (Belgique) => 35.195.159.201

AP East (Singapour) => 34.126.138.154

SA East (São Paulo) => 35.198.36.195

TTL : Auto

Statut du proxy : disable

Vos paramètres devraient ressembler à ceci:

wordpress

Une fois que vous avez terminé, cliquez sur Enregistrer. 

3. Allez sur votre compte app.stape.io et ajoutez un domaine personnalisé. Il doit être composé du nom que vous avez ajouté à Cloudflare et de votre domaine. Cliquez sur Enregistrer. Après avoir ajouté le domaine, il passe par le processus de vérification. Cela peut prendre jusqu'à 72 heures. Une fois que le domaine est vérifié, le statut sera changé en "Vérifié".

wordpress

4. Une fois que votre sous-domaine GTM est ajouté et vérifié, vous devriez voir le statut Exécuter.

wordpress

5. Allez à votre conteneur Server GTM -> Admin -> Container Settings -> Change Tagging server URL to your subdomain. 

wordpress

6. Mettez à jour l'URL de balisage dans Google Analytics Tags ou Google Analytics Variable dans votre conteneur Web GTM. Ouvrez Google Analytics Tag -> Plus de paramètres -> Configuration avancée -> Collez votre sous-domaine GTM dans l'URL de transport. 

wordpress

7. Ouvrez votre plugin GTM Server-Side dans WordPress et modifiez l'URL GTM Server-Side. 

wordpress

Voilà, c'est fait. Google Analytics sur votre site WordPress fonctionne à partir d'un sous-domaine personnalisé et résiste à Ad Blocker et aux ITP. 

Hébergez votre serveur GTM chez Stape

En vous inscrivant, vous acceptez les Conditions générales et la Politique de confidentialité de Stape