.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
VvOCM
Websites
VvOCM - de Oefentherapeut

De Vereniging van Oefentherapeuten Cesar en Mensendieck is de beroepsvereniging van oefentherapeuten. Idas heeft deze website ontworpen en gebouwd. Het besloten deel van de website telt honderden leden. Leden kunnen producten bestellen, zich inschrijven voor events, deelnemen aan forumdiscussies en elkaar opzoeken in een locatiezoeker.

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
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
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
Aspen
Websites
Aspen Benelux

Het bedrijf Aspen werd in 1988 opgericht aan de kust van het Aspen meer ten noorden van Göteborg in Zweden. Aspen is in veel Europese landen en Canada vertegenwoordigd en is hiermee wereldmarktleider in alkylaatbenzine. Idas heeft deze meertalige website voor Aspen ontwikkeld.

Bekijk project
Bekijk alle showcases
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
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
butter
Intranet & Extranet
Butter Group International Transport

Idas is al jaren software leverancier voor Butter Group. Butter is gespecialiseerd in het transport van agrarische producten in geïsoleerde onderlossers door heel Europa. De vernieuwde responsive website is in 6 talen beschikbaar en draagt bij aan de professionalisering van dit internationale bedrijf.

Bekijk project
Bekijk alle showcases
Hovenschool
Websites
OBS de Hovenschool

De Hovenschool is een openbare basisschool, die deel uitmaakt van de stichting Openbaar Onderwijs Deventer. Dit betekent dat zij open staan voor alle kinderen uit de wijk, ongeacht hun achtergrond of levensovertuiging.

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