.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
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
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
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
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
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
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
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
Sallandsche
Websites
Sallandsche Golfclub 'De Hoek'

In opdracht van Sallandsche Golfclub 'De Hoek' heeft Idas deze website ontworpen en gebouwd. De baanconditie op de homepage is tevens gekoppeld aan de (tevens door Idas geproduceerde) iPhone App.

Bekijk project
Bekijk alle showcases