.NET CMS DNN

Online marketing blog

Anonym
/ 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
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
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
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
GVG
Websites
GVG Oliehandel

GVG Oliehandel: internationaal actief in alles wat met benzine, olie en reiniging te maken heeft. Idas heeft deze responsive website gerealiseerd in meerdere talen. Doel is het etaleren van de 6 merken die GVG vertegenwoordigt.

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
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
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
NJO
Websites
Noordwijkse Jeugd Open

Op de website van de Noordwijkse Jeugd Open kunnen jongeren zich inschrijven voor dit golftoernooi. Hierdoor kan de organisatie van NJO de inschrijvingen in veel kortere tijd verwerken. Deze website is volledig responsive en daardoor geoptimaliseerd voor mobiel gebruik.

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