[Comment] 7 façons simples d'ajouter Joomla Google Analytics (2021)

joomla google analytics

Si vous envisagez de lancer un site Web Joomla, l'une de vos principales préoccupations est de surveiller le trafic généré par le site, c'est pourquoi Joomla Google Analytics est l'une des premières choses que vous voudrez faire.

Mais vous en aurez besoin, pas seulement si vous souhaitez surveiller votre trafic. De nos jours, Google Analytics possède des informations si riches que vous passeriez vraiment à côté si vous ne vous serviez pas de tous les outils disponibles pour surveiller le trafic sur votre site Web. Des trucs comme

  • Buts,
  • Suivi des événements e-commerce,
  • hits en temps réel,
  • régions et lieux,
  • démographie,
  • langues,
  • les navigateurs,
  • dispositifs
  • et de nombreuses autres informations exploitables sont disponibles sur la plate-forme GA.

De toute évidence, l'ajout de Google Analytics étant l'une des toutes premières étapes à effectuer sur votre site Web Joomla, la question de savoir comment l'activer dans Joomla revient assez souvent sur les forums Joomla.

Dans cet article, nous allons vous présenter plusieurs façons d'activer Google Analytics sur votre site Web Joomla.

Recherche du script Google Analytics

La première chose à faire est de vous assurer que vous avez accès au script Google Analytics que nous ajouterons au site. Si vous n'êtes toujours pas inscrit, accédez à https://analytics.google.com/analytics/web/ et inscrivez-vous pour un compte.

Vous devrez ensuite créer une propriété pour votre site Web en suivant les instructions simples ci-dessous. Vous devrez ajouter le nom du site Web, l'URL finale, l'industrie et votre fuseau horaire.

Propriété Google Analytics

 

Une fois que vous avez créé la propriété, un écran vous montrera le code de suivi que vous devrez utiliser:

code d'identification de suivi google analytics

Prenez note de l'ID de suivi ou du Google Site Tag.

La méthode dont vous aurez besoin dépend de la méthode que vous utiliserez pour ajouter Google Analytics à Joomla ci-dessous.

Commençons par les différentes méthodes.

1. Utilisez un plugin Joomla Google Analytics

Pour vous faciliter la vie, plutôt que de jouer avec le fichier index.php, vous pouvez choisir le moyen le plus simple de le faire via une extension ou un plugin Joomla.

Il est recommandé de choisir un plugin plutôt qu'un module, ce qui permettrait à la génération du code de se faire automatiquement sans que vous ayez à vous soucier de publier le module sur chaque page.

Voici une liste de Google Analytics extensions pour Joomla qui sont disponibles sur le répertoire des extensions Joomla, dont un par CollectiveRay.com.

Si vous utilisez notre plugin, il vous suffit d'ajouter l'ID de suivi dans les paramètres du code Google Analytics comme ci-dessous, activez. le plugin et vous êtes prêt à partir!

Découvrez notre plugin Joomla Google Analytics

Plugin Google Analytics Joomla

2. Ajout manuel du script GA

Si vous préférez ne pas utiliser de plugins pour des raisons de performances ou autre, vous pouvez choisir de modifier votre modèle pour insérer le script à partir de la plate-forme GA.

Fondamentalement, ce que nous devons faire est d'utiliser la prise en charge intégrée du modèle ou de modifier légèrement le fichier de modèle (car c'est ce qui génère le contenu des pages) de manière à ce que chaque page inclue le code de suivi Google Analytics.

L'une des choses importantes à considérer est que la façon dont vous le faites dépend vraiment et vraiment du modèle Joomla que vous utilisez.

Il n'y a pas de manière universelle et identique de le faire sur n'importe quel modèle. Cela dit, ce n'est pas incroyablement difficile à faire, vous avez juste besoin de quelques conseils. Cependant, comme tous les modèles sont différents dans la manière dont ils sont construits, vous devrez modifier la procédure en fonction du modèle que vous utilisez.

Alors, que dit Google de la mise en œuvre de Google Analytics? Les instructions sont très simples:

"Il s'agit du code de suivi Global Site Tag (gtag.js) de cette propriété. Copiez et collez ce code en tant que premier élément de chaque page Web que vous souhaitez suivre. Si vous avez déjà un Global Site Tag sur votre page, ajoutez simplement la ligne de configuration de l'extrait ci-dessous à votre Global Site Tag existant. "

Cela semble assez simple.

Google précise que ce code doit être placé dans le balise de chaque page Web que nous voulons suivre. La partie la plus importante est que c'est présent sur chaque page.

Cela devrait simplifier les choses. Nous avons juste besoin de trouver un fichier PHP dans notre modèle qui est exécuté à chaque demande. 

Pour vous assurer que le code d'analyse est disponible dans toutes les pages, vous devez ajouter le code de script au fichier index.php du modèle par défaut que vous utilisez. Pour ce faire, allez simplement dans le / templates / /index.php et collez le code que vous obtenez de Google Analytics juste avant la fermeture étiqueter:

3. Modèle Protostar

Veuillez noter que nous allons modifier directement les fichiers de modèle. Vous pouvez le faire soit via votre CPanel d'hébergement, soit via l'administrateur Joomla en allant sur Extension> Modèles> Détails et fichiers Protostar

Donc, pour Protostar, le modèle Joomla par défaut fourni avec Joomla 3, nous ouvrons le fichier /templates/protostar/index.php, recherchez et ajoutez le code qui ressemblerait à celui ci-dessous avant: 

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
</head>
<body class="site <?php echo $option

Et voici à quoi cela ressemblerait après. N'oubliez pas d'utiliser votre propre script, pas celui ci-dessous.

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script> <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script> </head>
<body class="site <?php echo $option

Cela générera le code de suivi sur chaque page Joomla, et donc Analytics enregistrera chaque appel sur chaque page, ce qui est exactement le résultat que vous souhaitez obtenir.

Faisons cela pour quelques autres modèles.

4. Beez 3

Par défaut, Joomla 3 est également livré avec le modèle Beez 3.

Pour ajouter Google Analytics au modèle Beez 30, dans l'administrateur de votre site Web Joomla, accédez à Extensions > Modèles, cliquer sur Modèlescliquez Détails et fichiers Beez3 > Modifier le modèle de page principale.

Trouvez la clôture et insérez-y le code Google Analytics et appuyez sur Enregistrer et fermer.

Vous pouvez choisir de le faire également manuellement via le gestionnaire de fichiers ou via FTP. Accédez au dossier / templates dans le dossier racine de votre site Web à l'aide d'un client FTP et ouvrez le fichier index.php. Trouvez la clôture et insérez-y le code Google Analytics. Voir l'image ci-dessous. 

Voici à quoi ressemble le code avant d'ajouter le script GA:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
</head>

et voici à quoi ça ressemble après. Assurez-vous d'utiliser le code que vous avez obtenu de votre propre Google Analytics, PAS celui ci-dessous.

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script>
</head> 

Cette procédure peut être appliquée à n'importe quel modèle Joomla! Tant que vous trouvez la fermeture et insérez-y la balise Google Analytics, vous devriez pouvoir ajouter le code Google Analytics.

5. Modèle Joomlart

Si vous utilisez un modèle Joomlart, il est généralement recommandé de placer le code Analytics dans un bloc spécifique du modèle. Par exemple, prenons le modèle ja_purity III.

Ce modèle a un emplacement spécifique où vous devez mettre le code Google Analytics. Aller à Extensions > Modèles > Modèles > Détails et fichiers de Purity III > TPL > blocs > tête.php

En bas du fichier head.php, vous trouverez ce qui suit:

Ajoutez simplement le script ici et cliquez sur Sauver et fermer.

Vous pouvez ajouter le code Google Analytics à n'importe quel modèle Joomlart en utilisant la technique ci-dessus. Assurez-vous toujours que vous utilisez le fichier head.php.

Les modèles Joomla plus récents vous permettent d'ajouter du code personnalisé au modèle, sans avoir à modifier manuellement les fichiers. Par exemple, nous utilisons JA MAGZ II. Si vous allez à Extensions> Modèles> Styles> JA MAGZ II> Code personnalisé, vous pouvez ajouter le script GA à la section Avant que :

modèle de code personnalisé avant la tête

6. Modèle RocketTheme / Framework Gantry

Les modèles RocketTheme ou d'autres modèles qui utilisent Gantry Framework ont ​​une fonctionnalité intégrée qui ne vous oblige pas à jouer avec des fichiers. Il existe une fonctionnalité qui vous permet d'activer simplement Google Analytics à l'aide d'un simple commutateur.

Nous allons à cela dans le modèle AfterBurner2 pour cet exemple.

Pour activer Google Analytics dans un modèle RocketTheme: Extensions > Modèles > StylesAprèsBurner2.

Cela vous amènera au gestionnaire de modèles.

De là, allez à Détails et trouvez Google Analytics. Faites glisser le commutateur sur Activé et saisissez la partie UA-XXXXXXXX de votre code Google Analytics. Voir le résultat final ci-dessous. Encore une fois, assurez-vous de saisir votre propre code UA de Google Analytics, et non celui que vous voyez ci-dessous:

cadre de portique google analytics

7. Modèle JoomlaShack

Pour ajouter Google Analytics à un modèle JoomlaShack, il est légèrement différent des autres que nous avons vus, mais pas trop. Nous allons faire cela en utilisant JS_Wright. Aller à 

Extensions > Gestionnaire de modèles > Modèles > Détails et fichiers JS_Wright> template.php.

Ici vous pouvez trouver la clôture et vous pouvez insérer votre code Google Analytics juste avant le tag une fois de plus.

 Vous pouvez également utiliser l'extension Shack Analytics qui vous permet de saisir le code dans un paramètre comme ci-dessous:

paramètres d'analyse de la cabane

 

 

Vérifiez la configuration de votre code de suivi

Une fois que vous avez fait ce qui précède, vous devez réellement vérifier que le code fonctionne. Votre première étape devrait être de cliquer sur view-source: pour vérifier le code source de votre site ou en utilisant les outils de développement de votre navigateur pour confirmer que vous pouvez voir que le code GA s'affiche réellement dans la source.

Si ce n'est pas le cas, vous devez confirmer que vous avez correctement suivi les étapes ci-dessus.

Vous pouvez également vérifier les appels en temps réel, ceux-ci commenceront immédiatement à afficher les utilisateurs visitant votre site. Ouvrez Google Analytics, cliquez sur le lien des hits en temps réel et actualisez votre site Web.

Vous devriez maintenant vous voir comme un visiteur dans les hits en temps réel. Si vous cliquez sur Emplacements, il devrait afficher votre propre emplacement en tant que hit.

hits en temps réel de google analytics

Conseils supplémentaires pour la configuration de Google Analytics

Après avoir ajouté le code de suivi sur votre site Web, il y a quelques ajustements rapides et faciles que vous pouvez faire rapidement pour améliorer votre configuration Analytics.

Exclure votre adresse IP de Google Analytics

Comme votre site Web sera votre bébé, vous le visiterez probablement très souvent. Vous ne voulez donc pas gonfler vos hits à travers vos visites. Idéalement, nous excluons tous les hits de nos propres machines ou de celles de nos bureaux.

Voici comment exclure des adresses IP spécifiques de l'enregistrement d'appels sur GA:

  1. Vérifiez votre adresse IP se limite à whatsmyip.org. Faites-le à partir de tous les emplacements auxquels vous accédez à votre site et que vous souhaitez exclure jusqu'à ce que vous ayez une liste d'adresses IP.
  2. Connectez-vous à Google Analytics et sélectionnez le profil de votre site.
  3. Aller à Sélectionner Menu Admin, Et cliquez sur Tout filtre.
  4. Dans la fenêtre qui apparaît, configurez le paramètre comme suit:
  • Nom Fitler: n'importe quoi*
  • Type de filtre: Prédéfini
    • Exclure
    • Trafic des adresses IP
    • Qui contiennent
  • adresse IP: la ou les adresses IP que vous vérifiez à l'étape 1.
    filtre ip ga
     

Enregistrez-le et vous avez réussi à exclure l'adresse IP de Google Analytics.

Créer un tableau de bord Google Analytics dans Joomla

Si vous souhaitez suivre le trafic directement depuis votre tableau de bord d'administration Joomla, vous pouvez utiliser l'extension de module appelée: Tableau de bord Joomla Google Analytics:

  1. Téléchargez et installez Tableau de bord Joomla Google Analytics extension de module.
  2. Retour vers Extensions> Module> Ssorcière à l'administrateur module, et recherchez le "Tableau de bord Google Analytics » module. 
  3. Remplissez le Nom de domaine champ, attribuer à Cpanel positionner. Puis Enregistrer.
    Module Google Analytics Dashboard
  4. Configurer les paramètres de Google Analytics Dashboard dans le menu Administrateur
  5. Cliquez Autoriser l'application, il fera apparaître une boîte dans votre panneau de contrôle Joomla.
  6. Cliquez  Obtenez le code d'accès. Vous devrez probablement vous connecter avec votre compte de messagerie et lui permettre d'accéder à votre tableau de bord Google Analytics.
  7. Collez le code d'accès dans le tableau de bord.

Vous pouvez suivre le processus complet ci-dessous:

KlfiT3Bi7jo

Foire aux questions

Quelles sont les façons d'ajouter Google Analytics à Joomla?

Vous pouvez ajouter Google Analytics à Joomla de 3 manières principales. 1) Ajustez directement le code du modèle, 2) Utilisez un plugin, 3) Utilisez le support GA intégré à un modèle pour un framework tel que Gantry.

Google Analytics ralentira-t-il mon site?

Non, Google Analytics ne ralentira pas votre site, car il se charge de manière asynchrone. Cela signifie qu'il crée un nouveau fil de téléchargement qui n'empêche pas le chargement du reste de la page.

Oui, pour tous les visiteurs de l'UE, si vous utilisez Google Analytics sur votre site, vous devez leur présenter les options permettant d'autoriser ou de refuser que le cookie Google Analytics soit conforme au RGPD.

Récapitulation

Comme nous l'avons vu ci-dessus, l'ajout de Joomla Google Analytics est principalement un processus simple et vous avez différentes options pour pouvoir le terminer. Si vous avez d'autres questions, écrivez-nous ci-dessous et nous essaierons de vous aider.

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.
 

 

Plugin de mise en cache le mieux noté

Rendez votre site Web plus rapide 

Pas à pas - cours d'e-mail gratuit, comment faire charger votre site Web en moins d'une seconde  

 

qui sommes nous?

CollectiveRay est dirigé par David Attard - travaillant dans et autour du créneau de la conception Web depuis plus de 12 ans, nous fournissons des conseils pratiques aux personnes qui travaillent avec et sur des sites Web. Nous gérons également DronesBuy.net - un site Web pour les amateurs de drones.

David Attard

 

 

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...