.NET CMS DNN

Online marketing blog

Robert-Jan Kuyper
/ Categorie: Online marketing
Google Tag Manager configureren in DNN

Google Tag Manager configureren in DNN

Google Tag Manager biedt DNN-webmasters de mogelijkheid om verschillende databronnen op één locatie te regelen. Het integreren van Google Tag Manager in DNN zal je eenmalig moeten doorvoeren. 

 

Aanmaken Google Tag Manager account

Ten eerste zal je (natuurlijk) een Tag Manager-account moeten aanmaken via https://tagmanager.google.com

Screenshot van Google Tag Manager configuratie



Aanmaken Google Analytics-instantie

Nadat je in GTM een account hebt aangemaakt, zal je ook (als je er nog geen hebt) een Google Analytics moeten aanmaken. Daar vul je de invoervelden zo compleet mogelijk in.

Screenshot van Google Analytics configuratie

 

Klik je op “Get Tracking ID”. Kopieer de (unieke) UA-code. Die ziet er ongeveer zo uit: “UA-12345678-1”.

 

 

Google Analytics in DNN instellen

Ga je in DNN (als je DNN6 of hoger hebt) naar de Google Analytics-module.

Screenshot van Google Analytics module in DNN

 


Hier vul je bij Tracking ID je UA-code in uit Google Analytics.

 

Screenshot van Google Analytics module in DNN



Instellen van de SiteAnalytics.config

In de root van de DNN-site is de file SiteAnalytics.config te vinden. Hier staat de Google Analytics-code. Het TRACKING_ID wordt opgegeven in de Google Analytics-module, daar hoef je nu niets mee te doen. De code ziet er ongeveer zo uit:

 

Screenshot van Google Analytics module in DNN


In deze file zal je 3 wijzigingen moeten doorvoeren. Het ElementId geeft namelijk aan waar het script gerenderd moet worden en de InjectTop geeft (als boolean) aan of dit in de top van het betreffende element moet worden gerenderd. Wanneer je dus de waarde van ElementId wijzigt naar Body en false naar true, wordt de Tag Managerscript in de top van de body gerenderd. Ofwel, exact op de plek waar Google dat adviseert.


Het script zal ook nog moeten worden vervangen door het script van Google Tag Manager. De inhoud van de SiteAnalytics.config zal er ongeveer zo uitzien:

 

<?xml version="1.0" encoding="utf-8" ?>
<AnalyticsEngineConfig>
<Engines>
<AnalyticsEngine>
<EngineType>DotNetNuke.Services.Analytics.GoogleAnalyticsEngine, DotNetNuke</EngineType>
<ElementId>body</ElementId>
<InjectTop>true</InjectTop>
<ScriptTemplate>
<![CDATA[

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=[TRACKING_ID]"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','[TRACKING_ID]');</script>

]]>
</ScriptTemplate>
</AnalyticsEngine>
</Engines>
</AnalyticsEngineConfig>

 

De [TRACKING_ID] correspondeert met de Google Analytics-module, zodat die bruikbaar blijft.


Sla het bestand op en je hebt met succes Google Analytics gekoppeld via Google Tag Manager. Nu kan je bijvoorbeeld een testing-, staging- en productie-omgeving in Google Tag Manager inrichten. Het structureren van data kan beginnen.

Enthousiast geworden? Mis niets met de maandelijkse DNN nieuwsbrief!

Delen

Printen

Laat een reactie achter

Naam:
Email:
Reactie:
CAPTCHA Afbeelding
Vul de bovenstaande code hieronder in
Reactie toevoegen
KMU
Websites
Koninklijke Metaalunie

Koninklijke Metaalunie is met meer dan 13.000 leden de grootste ondernemersorganisatie voor het midden- en kleinbedrijf (mkb) in de metaal. Idas heeft de nieuwe site ontworpen en gebouwd.

Bekijk project
Bekijk alle showcases
Gently
Websites
Gently

Gently produceert reinigings- en onderhoudsproducten voor caravans, campers en boten. De website is in 2 talen beschikbaar en is een showcase van de verschillende lijnen die dit merk vertegenwoordigt.

Bekijk project
Bekijk alle showcases
Firelux
Websites
Firelux

Firelux is een zeer schone brandstof voor verplaatsbare petroleumkachels. Deze brandstof is opgebouwd uit extreem zuivere, doorgeraffineerde aardoliedestillaten.

Bekijk project
Bekijk alle showcases
Olympos
Websites
Sportcentrum Olympos

Sportcentrum Olympos is een ruime en veelzijdige sportaccommodatie. Met de meertalige webshop die Idas voor Olympos heeft gerealiseerd, kunnen gebruikers online lessen boeken en betalen. Gevolg van de webshop is een forse besparing, gezien de boekingen niet meer handmatig hoeven te worden aangenomen en verwerkt.

Bekijk project
Bekijk alle showcases
agealube
Websites
Agealube

Met deze (volledig responsive) cataloguswebsite van Agealube, kunnen gebruikers producten opzoeken. De catalogus is een door Idas gebouwde maatwerkmodule op basis van Azure Search.

Bekijk project
Bekijk alle showcases
FishMasters
Websites
FishMasters

Speciaal voor de internationale markt biedt Fishmasters een deelassortiment aan met het Pure Fish Label. Producten met dit label bevatten geen e-nummers, geen kleurstoffen, geen conserveringsmiddelen, noch smaakstoffen. De website is opgeleverd in 6 talen.

Bekijk project
Bekijk alle showcases
Vindjeruimte
Maatwerk
Vindjeruimte.nl

Vindjeruimte is een online platform dat vraag en aanbod van het maatschappelijk vastgoed bij elkaar brengt. Op de website kun je eenvoudig een ruimte of accommodatie vinden en boeken. Het complete platform wordt door diverse gemeenten en organisaties gebruikt als reserveringssysteem.

Bekijk project
Bekijk alle showcases
Combacte
Interactive
COMBACTE

COMBACTE doet op Europees niveau onderzoek naar resistentie van bacteriën. De website heeft een afgesloten ledengedeelte wat fungeert als kennisbank voor aangesloten professionals. Zij kunnen kennis delen, zich inschrijven voor events en onderling berichten sturen.

Bekijk project
Bekijk alle showcases
Solutions
Websites
Solutions Center

SolutionS is een private verslavingszorginstelling en biedt een integrale behandeling voor doserings- en verslavingsproblemen. De behandeling is gebaseerd op het 12 Stappen Minnesota Model in combinatie met zowel inzichtgevende en lichaamsgerichte therapie als cognitieve groepstherapie.

Bekijk project
Bekijk alle showcases
Discovered
Websites
Discovered

Discovered staat voor een breed assortiment van exotische groenten en fruit. Op deze website worden recepten en producten door middel van een catalogus getoond. Gebruikers kunnen o.a. filteren op thema, ingrediënt, aantal personen en moeilijkheidsgraad. Tevens worden er gerelateerde recepten getoond.

Bekijk project
Bekijk alle showcases