I PrestaShop 1.7 er arkitekturen anderledes i temafilerne, hvor <head> og <body> teknisk set ligger i flere filer, modsat PrestaShop 1.6, hvor der i header.tpl både er inkluderet <head> og <body> tag. Det betyder også at indsættelse af et tag som Google Tag Manager skal indsættes anderledes i PrestaShop 1.7 end det skal i Prestashop 1.6.
I denne guide gennemgår vi step-by-step, hvordan du tilføjer Google Tag Manager i PrestaShop 1.7. Inden vi kigger på guiden, er der en vigtig ting du bør vide om tags i PrestaShop. PrestaShop er bl.a. bygget i smarty, hvilket betyder at javascripts skal klamperes i et tag der hedder {literal}. Derfor er det vigtigt at alle javascript tags hvor der indgår “<script” altid skal klamperes med {literal} {/literal}.
Når du skal implementere Google Tag Manager får du to tags. Et tag i <head> og et tag i <body>. I tilfældet med Google Tag Manager er det kun <head>
tagget som skal klamperes med {literal}
.
1. Når du skal implementere Google Tag Manager får du to tags. Det tag som skal indsættes i din header <head>
ser sådan ud:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){
new Date().getTime(),event:'gtm.
j=d.createElement(s),dl=l!='
'https://www.googletagmanager.
})(window,document,'script','
<!-- End Google Tag Manager -->
Dette tag skal indsættes i din head.tpl temafil, som du finder her: /themes/dit-tema/templates/_partials/head.tpl
Google anbefaler at du indsætter koden så højt oppe i filen som overhovedet muligt, men i princippet kan du indsætte det et vilkårligt sted.
Du kan f.eks. tilføje tagget på linje 31 lige før linjen {block name='head_seo'}
Som det kan se på billedet, er koden sat ind i mellem {literal}
tags.
2. Den anden kode du får af Google, er den kode som skal indsættes i din <body>
. Koden ser således ud:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.
height="0" width="0" style="display:none;
<!-- End Google Tag Manager (noscript) -->
Denne kode er ikke et script, men blot en iframe. Derfor skal koden ikke sættes ind imellem {literal}
tags.
Koden kan indsættes flere steder, det skal blot være en fil som indeholder et body tag. Den fil vi plejer at tilføje det i, er i layout-both-columns.tpl som ligger i din temafil her:
/themes/transformer/templates/layouts/layout-both-columns.tpl.
I filen kan du tilføje koden efter <body> tagget som det første, f.eks. på linje 18 efter det første {/block} tag (placeringer af linjerne afhænger at dit tema):
3. Når du har tilføjet de to tags, og gemt filerne på din FTP, så skal du evt. slette din cache for at ændringerne træder i kraft. Du kan slette PrestaShop cachen i dit PrestaShop administrationspanel under menuen: Avancerede funktioner > Ydelser. Heraf trykker du på knappen “Ryd cache” øverst til højre.