[Hoe] 7 eenvoudige manieren om Joomla Google Analytics toe te voegen (2021)

joomla google analytics

Als u van plan bent een Joomla-website te lanceren, is een van uw belangrijkste zorgen het controleren van het verkeer dat de site ontvangt, daarom is Joomla Google Analytics een van de eerste dingen die u wilt doen.

Maar u hebt dit nodig, niet alleen als u uw verkeer wilt volgen. Tegenwoordig heeft Google Analytics informatie die zo rijk is dat u echt iets zou missen als u niet alle beschikbare tools zou gebruiken om het verkeer dat naar uw website komt te controleren. Zulke dingen als

  • Doelen,
  • bijhouden van e-commercegebeurtenissen,
  • realtime treffers,
  • regio's en locaties,
  • demografie,
  • talen,
  • browsers,
  • apparaten
  • en tal van andere bruikbare informatie is beschikbaar binnen het GA-platform.

Het is duidelijk dat, met het toevoegen van Google Analytics als een van de allereerste stappen die u op uw Joomla-website moet uitvoeren, de vraag hoe u het in Joomla kunt inschakelen vrij vaak op de Joomla-forums komt.

In dit artikel nemen we u mee door verschillende manieren om Google Analytics op uw Joomla-website in te schakelen.

Het Google Analytics-script vinden

Het eerste dat u moet doen, is ervoor zorgen dat u toegang heeft tot het Google Analytics-script dat we aan de site zullen toevoegen. Als je je nog niet hebt geregistreerd, ga dan naar https://analytics.google.com/analytics/web/ en registreer voor een account.

U moet dan een Property voor uw website maken door de onderstaande eenvoudige instructies te volgen. U moet de naam van de website, de uiteindelijke URL, de branche en uw tijdzone toevoegen.

Google Analytics-property

 

Nadat u de woning heeft aangemaakt, krijgt u een scherm te zien met de trackingcode die u moet gebruiken:

google analytics tracking-ID-code

Noteer de tracking-ID of de Google-sitetag.

Welke u nodig heeft, hangt af van de methode die u gaat gebruiken om Google Analytics aan Joomla toe te voegen via de onderstaande methode.

Laten we beginnen met de verschillende methoden.

1. Gebruik een Joomla Google Analytics-plug-in

Om uw leven gemakkelijker te maken, in plaats van te rommelen met het index.php-bestand, kunt u de gemakkelijke manier kiezen om dit te doen via een Joomla-extensie of plug-in.

Het wordt aanbevolen dat u een plug-in kiest in plaats van een module, waardoor het genereren van de code automatisch kan worden gedaan zonder dat u zich zorgen hoeft te maken over het publiceren van de module op elke pagina.

Het volgende is een lijst van Google Analytics: extensies voor Joomla die beschikbaar zijn in de Joomla Extensions Directory, inclusief een door CollectiveRay. Com.

Als u onze plug-in gebruikt, hoeft u alleen de tracking-ID toe te voegen aan de Google Analytics-codeparameters zoals hieronder, inschakelen. de plug-in en je bent klaar om te gaan!

Bekijk onze Joomla Google Analytics-plug-in

Google Analytics Joomla-plug-in

2. Het GA-script handmatig toevoegen

Als u om prestatieredenen of anderszins liever geen plug-ins gebruikt, kunt u ervoor kiezen om uw sjabloon te bewerken om het script van het GA-platform in te voegen.

Wat we eigenlijk moeten doen, is ofwel de ingebouwde ondersteuning van de sjabloon gebruiken of het sjabloonbestand enigszins wijzigen (omdat dit de inhoud van de pagina's uitvoert) zodat elke pagina de Google Analytics-trackingcode bevat.

Een van de belangrijke dingen om te overwegen is dat de manier waarop u het doet echt en echt afhankelijk is van de Joomla-sjabloon die u gebruikt.

Er is niet één universele, identieke manier om dit in een sjabloon te doen. Dat gezegd hebbende, het is niet onmogelijk moeilijk om het te doen, je hoeft alleen maar een paar tips te krijgen. Omdat alle sjablonen echter anders zijn in de manier waarop ze zijn gebouwd, moet u de procedure aanpassen aan de sjabloon die u gebruikt.

Dus wat zegt Google over het implementeren van Google Analytics? De instructies zijn heel eenvoudig:

"Dit is de Global Site Tag (gtag.js)-trackingcode voor deze property. Kopieer en plak deze code als het eerste item in de van elke webpagina die u wilt volgen. Als u al een algemene sitetag op uw pagina heeft, voegt u gewoon de configuratieregel uit het onderstaande fragment toe aan uw bestaande algemene sitetag."

Dat lijkt eenvoudig genoeg.

Google specificeert dat deze code in de moet komen tag van elke webpagina die we willen volgen. Het belangrijkste is dat het is aanwezig op elke pagina.

Dit zou de zaken eenvoudiger moeten maken. We hoeven alleen maar een PHP-bestand in onze sjabloon te vinden dat bij elk verzoek wordt uitgevoerd. 

Om ervoor te zorgen dat de analysecode op alle pagina's beschikbaar is, moet u de scriptcode toevoegen aan het index.php-bestand van de standaardsjabloon die u gebruikt. Ga hiervoor naar de /templates/ /index.php en plak de code die je van Google Analytics krijgt net voor de afsluiting label:

3. Protostar-sjabloon

Houd er rekening mee dat we sjabloonbestanden direct gaan wijzigen. U kunt dit doen via uw hosting CPanel, of via de Joomla-beheerder door naar: Extensie > Sjablonen > Protostar-details en bestanden

Dus voor Protostar, de standaard Joomla-sjabloon die bij Joomla 3 wordt geleverd, openen we het bestand /templates/protostar/index.php, zoeken naar en voeg de code toe die er eerder zo uit zou zien: 

<!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

En zo zou het er daarna uitzien. Vergeet niet om je eigen script te gebruiken, niet het onderstaande.

<!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

Dit genereert de trackingcode op elke Joomla-pagina, en dus zal Analytics elke hit op elke pagina loggen, wat precies het resultaat is dat u wilt bereiken.

Laten we dit doen voor nog een paar sjablonen.

4. Beez 3

Standaard wordt Joomla 3 geleverd met de Beez 3-sjabloon.

Om Google Analytics toe te voegen aan de Beez 30-sjabloon, gaat u in de beheerder van uw Joomla-website naar: uitbreidingen > Sjablonen, Klik op Sjablonen, Klik Beez3-details en bestanden > Sjabloon voor hoofdpagina bewerken.

Vind de afsluiting tag en voeg daar de Google Analytics-code in en druk op Opslaan en sluiten.

U kunt ervoor kiezen om dit ook handmatig te doen via Bestandsbeheer of via FTP. Ga met een FTP-client naar de map /templates in de hoofdmap van uw website en open het bestand index.php. Vind de afsluiting tag en voeg daar de Google Analytics-code in. Zie de afbeelding hieronder. 

Zo ziet de code eruit voordat het GA-script wordt toegevoegd:

<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>

en zo ziet het er daarna uit. Zorg ervoor dat u de code gebruikt die u van uw eigen Google Analytics heeft gekregen, NIET de onderstaande.

<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> 

Deze procedure kan worden toegepast op elk Joomla-sjabloon! Zolang je de afsluiting vindt tag en voeg daar de Google Analytics-tag in, u zou de Google Analytics-code moeten kunnen toevoegen.

5. Joomlart-sjabloon

Als u een Joomlart-sjabloon gebruikt, is het meestal aan te raden om de Analytics-code in een specifiek blok in de sjabloon te plaatsen. Laten we bijvoorbeeld de sjabloon ja_purity III nemen.

Deze sjabloon heeft een specifieke plaats waar u de Google Analytics-code moet plaatsen. Ga naar uitbreidingen > Sjablonen > Sjablonen > Purity III-details en bestanden > tpls > blokken > head.php

Helemaal onderaan het bestand head.php vind je het volgende:

Voeg eenvoudig het script hier toe en klik op Opslaan en sluiten.

U kunt de Google Analytics-code toevoegen aan alle Joomlart-sjablonen met behulp van de bovenstaande techniek. Zorg er altijd voor dat u het bestand head.php gebruikt.

Met recentere Joomla-sjablonen kunt u aangepaste code aan de sjabloon toevoegen, zonder dat u bestanden handmatig hoeft aan te passen. We gebruiken bijvoorbeeld JA MAGZ II. Als je gaat naar Extensies > Sjablonen > Stijlen > JA MAGZ II > Aangepaste code, u kunt het GA-script toevoegen aan sectie Voordat :

aangepaste codesjabloon voor hoofd

6. RocketTheme-sjabloon / Gantry-framework

RocketTheme-sjablonen of andere sjablonen die het Gantry Framework gebruiken, hebben een ingebouwde functie waarvoor u niet met bestanden hoeft te rommelen. Er is een functie waarmee u eenvoudig Google Analytics kunt inschakelen met slechts een schakelaar.

We gaan hier naar toe in de AfterBurner2-sjabloon voor dit voorbeeld.

Google Analytics inschakelen in een RocketTheme-sjabloon: uitbreidingen > Sjablonen > StijlenAfterBurner2.

Dit brengt u naar de Template Manager.

Ga vanaf hier naar Functies en zoek Google Analytics. Zet de schakelaar op Aan en voer het UA-XXXXXXXX-gedeelte van uw Google Analytics-code in. Zie hieronder het eindresultaat. Zorg er nogmaals voor dat u uw eigen UA-code uit Google Analytics invoert, niet degene die u hieronder ziet:

Google Analytics Gantry-framework

7. JoomlaShack-sjabloon

Om Google Analytics toe te voegen aan een JoomlaShack-sjabloon, is het iets anders dan de andere die we hebben gezien, maar niet te veel. We gaan dit doen met JS_Wright. Ga naar 

uitbreidingen > Template Manager > Sjablonen > JS_Wright Details en bestanden > template.php.

Hier vind je de afsluiting tag en u kunt uw Google Analytics-code invoegen vlak voor de nog een keer taggen.

 Als alternatief kunt u de Shack Analytics-extensie gebruiken waarmee u de code kunt invoeren in een instelling zoals hieronder:

shack-analyse-instellingen

 

 

Controleer de instelling van uw trackingcode

Nadat u het bovenstaande hebt gedaan, moet u controleren of de code werkt. Je eerste stap zou moeten zijn om op view-source te klikken: om de broncode van uw site te controleren of door de Developer Tools in uw browser te gebruiken om te bevestigen dat u kunt zien dat de GA-code daadwerkelijk in de bron wordt weergegeven.

Als dit niet het geval is, moet u bevestigen dat u de bovenstaande stappen correct hebt gevolgd.

U kunt ook de realtime-hits bekijken, deze zullen onmiddellijk beginnen met het tonen van gebruikers die uw site bezoeken. Open Google Analytics, klik op de link Real-Time hits en ververs uw website.

Je zou jezelf nu als bezoeker moeten zien in de realtime hits. Als u op Locaties klikt, zou uw eigen locatie als treffer moeten worden weergegeven.

google analytics realtime hits

Aanvullende tips voor het instellen van Google Analytics

Nadat u de trackingcode op uw website heeft toegevoegd, zijn er een paar snelle en eenvoudige aanpassingen die u snel kunt doen om uw Analytics-configuratie te verbeteren.

Uw IP-adres uitsluiten van Google Analytics

Aangezien uw website uw baby zal zijn, zult u deze waarschijnlijk heel vaak bezoeken. U wilt uw hits dus niet opblazen door uw bezoeken. Idealiter sluiten we eventuele treffers van onze eigen machines of die van onze kantoren uit.

Hier leest u hoe u specifieke IP-adressen uitsluit van het registreren van hits op GA:

  1. Controleer uw IP-adres die al met Countr werken whatsmyip.org. Doe dit vanaf alle locaties die u op uw site bezoekt en wilt uitsluiten totdat u een lijst met IP's heeft.
  2. Log in op Google Analytics en selecteer het profiel van uw site.
  3. Ga naar Selecteren Beheerdersmenuen klik op Allemaal filteren.
  4. Configureer de instelling als volgt in het venster dat verschijnt:
  • Fitler naam: alles*
  • Type filter: Voorgedefinieerd
    • Uitsluiten
    • Verkeer vanaf de IP-adressen
    • die bevatten
  • IP-adres: de IP('s) die u in stap 1 controleert.
    ga ip-filter
     

Sla het op en je hebt het IP-adres met succes uitgesloten van Google Analytics.

Maak een Google Analytics-dashboard in Joomla

Als u het verkeer rechtstreeks vanuit uw Joomla-beheerdersdashboard wilt bijhouden, kunt u de module-extensie gebruiken met de naam: Joomla Google Analytics-dashboard:

  1. Download en installeer Joomla Google Analytics-dashboard module uitbreiding.
  2. Ga naar Uitbreidingen > Module > Sheks naar beheerder module, en zoek de “Google Analytics-dashboard" module. 
  3. Vul de Domeinnaam veld, toewijzen aan Cpanel positie. Dan Besparen.
    Google Analytics Dashboard-module
  4. Configureer de Google Analytics Dashboard-instelling in het beheerdersmenu
  5. Klik Machtiging toestaan, er verschijnt een vak in uw Joomla-configuratiescherm.
  6. Klik  Toegangscode verkrijgen. U moet zich waarschijnlijk aanmelden met uw e-mailaccount en deze toegang geven tot uw Google Analytics-dashboard.
  7. Plak de toegangscode op het dashboard.

U kunt het volledige proces hieronder volgen:

KlfiT3Bi7jo

Veelgestelde vragen

Wat zijn de manieren om Google Analytics aan Joomla toe te voegen?

U kunt Google Analytics op 3 manieren aan Joomla toevoegen. 1) Tweak de sjablooncode rechtstreeks, 2) Gebruik een plug-in, 3) Gebruik GA-ondersteuning ingebouwd in een sjabloon voor framework zoals Gantry.

Vertraagt ​​Google Analytics mijn site?

Nee, Google Analytics vertraagt ​​uw site niet, omdat deze asynchroon wordt geladen. Dit betekent dat het een nieuwe downloadthread maakt die het laden van de rest van de pagina niet blokkeert.

Ja, voor alle bezoekers uit de EU, als u Google Analytics op uw site gebruikt, moet u hen de opties aanbieden om de Google Analytics-cookie toe te staan ​​of te weigeren om AVG-compatibel te zijn.

Afsluiten

Zoals we hierboven hebben gezien, is het toevoegen van Joomla Google Analytics meestal een eenvoudig proces en je hebt verschillende opties om dit te kunnen voltooien. Als je nog vragen hebt, kun je ons hieronder een bericht sturen en we zullen proberen je te helpen.

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.
 

 

Best beoordeelde caching-plug-in

Maak uw website sneller 

Stap-voor-stap - gratis e-mailcursus, hoe u uw website kunt laten laden less dan 1 seconde  

 

wie zijn we?

CollectiveRay wordt gerund door David Attard - we werken al meer dan 12 jaar in en rond de niche van webdesign en bieden bruikbare tips voor mensen die met en op websites werken. We hebben ook DronesBuy.net - een website voor drone-hobbyisten.

David Attard

 

 

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...