Google Tag Manager – procedura de integrare in magazin
Integrarea Google Tag Manager se va realiza prin intermediul modulului de "Script-uri", accesand Manager - Servicii - Script-uri (Actiuni - Adauga), procedura detaliata in acest tutorial.
Pentru realizarea integrarii este necesara adaugarea a 2 script-uri care vor fi preluate din cadrul aplicatiei Google Tag Manager.
Inserarea script-ului in "Head"
Prima data vom insera script-ul in head-ul codului HTML al paginilor magazinului online, accesand Manager - Servicii - Script-uri (Actiuni - Adauga), unde vom face urmatoarele setari:
- Nume script - ii vom spune "Google Tag Manager (Head)";
- Tip - vom selecta "Header";
- Categorie script - vom selecta "Statistici" sau "Marketing";
- Locatie - vom selecta "Imediat dupa tag-ul <head>";
- Afisare - vom selecta "Pe toate paginile";
- Continut - copy + paste la script-ul aferent din platforma Google Tag Manager.
Exemplu:
<!-- 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-XXXXXXX');</script>
<!-- end Google Tag Manager -->
Inserarea noscript-ului in "Body"
Din cadrul aceleiasi sectiuni vom insera inca un script necesar Google Tag Manager-ului, unde vom completa urmatoarele:
- Nume script - ii vom spune "Google Tag Manager (Body)";
- Tip - vom selecta "Header";
- Categorie script - vom selecta "Statistici" sau "Marketing";
- Locatie - vom selecta "Imediat dupa tag-ul <body>";
- Afisare - vom selecta "Pe toate paginile";
- Continut - copy + paste la script-ul aferent din platforma Google Tag Manager.
Exemplu:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->Observatie: dupa inserarea celor 2 script-uri, le vom activa cu ajutorul butoanelor de activare din partea dreapta a fiecarui script in parte.
↳ Acest ghid nu ti-a fost de folos? Trimite-ne un ticket prin intermediul platformei de suport tehnic.
↳ Screenshot-urile publicate (imaginile) in acest tutorial au rol strict informativ sau demonstrativ si nu reprezinta versiunea curenta a platformei Extended.