Luk dette vindue
Sådan installerer du Google Tag Manager

Implementér Google Tag Manager med denne guide!

Installer Google Tag Manager

,

Google Tag Manager er et stærkt redskab når du skal spore på din hjemmeside. Det kan helt simpelt være Google Analytics, men også mere avanceret sporinger som e-handelssporing, sporing på kontaktformularer og sågar splittests. 

Læs mere her om brugen af Google Tag Manager i Sommersang Digital.

Dette indlæg handler dog først og fremmest om installation. Enten via kode eller ved hjælp af plugins og moduler i de gængse CMS-systemer som WordPress, Magento, Shopify, Prestashop og Umbraco.

Vi har udvalgt de systemer vi typisk selv arbejder i, men der findes selvfølgelig masser af andre muligheder. 

Blot et script

Helt simpelt, er Google Tag Manager blot et javascript som derfor gør det nemt at indsætte på netop din side eller blog. 

NB: Vi anbefaler ikke at du indsætter Google Tag Manager direkte i koden i dit tema, da opdateringer af temaet vil overskrive dine ændringer.

 

Sommersang Digital
Tlf.: +45 42420648
Mail: info@sommersangdigital.dk

Kontakt os

Skal du have hjælp til Google Tag Manager?

Anders Sommersang, Google Tag Manager Ninja

WordPress

Du skal derfor kun indsætte scriptet direkte, såfremt du har lavet et child theme i WordPress. Det er der andre end os der har kloget sig på, så jeg vil anbefale at I læser mere her.

Child theme

Har du lavet et child theme kan du indsætte følgende i functions.php:

function add_gtm_head(){

?>

 

<!– Google Tag Manager –>

<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’,’GTM-XXXX’);</script> 

<!– End Google Tag Manager –>

 

<?php 

}

add_action( ‘wp_head’, ‘add_gtm_head’, 10 );

 

/* Add Google Tag Manager noscript codeimmediately after 

the opening <body> tag

========================================================*/

function add_gtm_body(){

?>

 

<!– Google Tag Manager (noscript) –>

<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXX”

height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>

<!– End Google Tag Manager (noscript) –>

 

<?php 

}

add_action( ‘body_top’, ‘add_gtm_body’ );

Installer Google Tag Manager med plugin

Et plugin der ofte bruges til indsættelse af scripts i head eller footer i WordPress er ‘Insert headers and footers’ som du kan downloade her: 

https://da.wordpress.org/plugins/insert-headers-and-footers/

Herefter kan du nemt indsætte koden fra Google Tag Manager.

Skal du have hjælp til Google Tag Manager?

Anders Sommersang, Google Tag Manager Ninja

Installer Google Tag Manager i Prestashop

I modsætning til andre CMS er Prestashop lidt unik og vanskelig hvad angår at implementere tag manager, grundet der ikke findes nogen gratis moduler til Prestashop som kan integrere tag manager. Yderligere har prestashop ikke en filhåndtering, hvilket betyder at vi skal ind i FTP’en og tilføje Google Tag Manager scriptet direkte i header.tpl filen. 

Så følg disse trin og så har du installeret tag manager på din prestashop på få minutter!

 

Step 1: Naviger til din hostingudbyders hjemmeside og log ind.

 

Step 2: I menuen find filhåndtering (File manager på engelsk).

 

Step 3: I filhåndtering klik på public_html >> themes >> “dit tema navn”

 

Step 4: Find header.tpl og åben denne fil enten i browseren eller en code editor.

 

Step 5: Find <head> containeren og indsæt tag manager scriptet således at scriptet er indenfor </head>. 

 

Step 6: Yderligere skal tag scriptet indpakkes i {literal} & {/literal} som ses nedenfor. 

 

Step 7: Til sidst skal der tilføjes attributen data-cfasync=“false” som ses nedenfor. Grundet Prestashop anvender Rocket Loader, hvilket påvirker hvordan Prestashop loader javascript filer, skal dette kode stykke tilføjes således preview mode funktionen virker.

Google Tag Manager Script

Lidt godt læsestof fra Sommersang Digital.

  • Sporing Contact Form 7.

    ,

    Spor på Contact form 7 med Google Tag Manager. Udførlig guide, som kan følges uden, at du er udvikler!

    Læs hele artiklen
  • Sådan installerer du Google Tag Manager.

    ,

    Læs hele artiklen
  • Google Tag Manager.

    ,

    Google Analytics kan give dig en masse vigtige insights, men bruger man det alene, vil det dog have nogle begrænsninger. Ved at lægge tags på dit website og bruge Google Tag Manager sammen med Google Analytics, er du i stand til at indsamle meget mere data, end hvad der ellers ville være muligt.

    Læs hele artiklen

Udvalgte artikler fra vores blog
For mere info kontakt Anders Sommersang.
Tlf. +45 42420648
Mail. info@sommersangdigital.dk

Se alle artikler
42 42 06 48 Lyngvej 3, 9000 Aalborginfo@sommersangdigital.dk