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

    Anders og Sommersang Digital har hjulpet os med opsætning af korrekt produktindeksering og efterfølgende SEO-arbejde.

    De leverer nogle særdeles gennemarbejdede søgeordsanalyser, ligesom de løbende sparrer med os ang. udvælgelse af relevante søgetermer ift. vores konkrete situation og marked. Vi er meget tilfredse med samarbejdet omkring SEO. Jeg vil dog også fremhæve, at Anders er en værdifuld ekstern sparringspartner, som aldrig er for nærig til at give et godt råd med på vejen, selvom det ligger ud over det aftalte. Det være sig eks. om hastighedsoptimering, konverteringsoptimering, SoMe, digital annoncering, e-mail marketing, og digital presse/linkbuilding.

    Anders og resten af holdet er desuden enormt behagelige at samarbejde med: Gæve nordjyder, der svarer hurtigt og venligt og uden overflødig og irriterende bureau-lingo, men som også skærer igennem og siger nej, hvis vi er på vej ud af en tangent. De bedste anbefalinger herfra.

    Morten B. Laursen, kommunikations- og marketingansvarlig, Flexto A/S

    I Sommersang Digital har vi fundet den samarbejdspartner som via strategi, rådgivning og eksekvering, både sørger for et tidssvarende teknisk setup og at vi ranker højt på alle de områder vi arbejder indenfor.

    Sommersang Digital er hele tiden på forkant med udviklingen og tilbyder os bla. en dashhboard løsning, hvor vi hele tiden kan følge udvikling og trends i content efterspørgsel og derfra udgive content, som specifikt efterspørges lige nu og her.

    Med denne rigtige partner for os, har vi øget såvel vores organiske vækst markant, fået en langt bedre konverteringsoptimering og en partner, som har taget sig til at sætte sig ind i vores genre og derfra kunne rådgive os til den mest optimale strategiske indsats.

    Peter Sindahl, kommerciel direktør, Migogkbh

    Anders er dygtig til at tage os i hånden og ringer bekymret, hvis han føler vi ikke har haft kontakt i lidt tid. Han går rigtig langt for at sørge for, at vi som kunde føler os trygge og tilpasse i det arbejde der udføres. På trods af en kontant besparelse ift. de mere etablerede bureauer, er servicen stadig rigtig god.

    Steffen, partner, Landinspektørfirmaet Land&Skel

    Fantastiske resultater efter kort tid. Vi har fået flere kunder i “butikken” og salget til private er steget med ca. 25%.

    Jens Melgaard, ejer, Autoriseret elektriker Jens Melgaard

    Samarbejdet med Sommersang Digital har været et trygt og kompetent miljø at færdes i. Anders er engageret og troværdig i sin tilgang til vores virksomhed og dennes bedste. Optimering af vores hjemmeside på SEO, hvor etik står i højt ift. online adfærd, har Anders imødekommet til perfektion.

    Mark Williams, projektleder, Dansk NLP Institut

    Lidt godt læsestof fra Sommersang Digital.

    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
    [contact-form-7 id="948" title="Nyhedsbrev popup"]
    <div role="form" class="wpcf7" id="wpcf7-f948-o3" lang="da-DK" dir="ltr"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/installer-google-tag-manager/#wpcf7-f948-o3" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="948" /> <input type="hidden" name="_wpcf7_version" value="5.3.1" /> <input type="hidden" name="_wpcf7_locale" value="da_DK" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f948-o3" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <label> Dit navn (påkrævet) <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /> </label> <label> Firmanavn (påkrævet) <input type="text" name="your-company" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /> </label> <label> Din e-mail (påkrævet) <input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /> </label> <input type="submit" value="Tilmeld" class="wpcf7-form-control wpcf7-submit" /><div class="wpcf7-response-output" aria-hidden="true"></div></form></div>