Cum adaug Google Tag Manager (GTM) în Magento 2?

Nu confunda Google Tag Manager (GTM) cu Google Analytics. GTM are trei componente principale:

• Tag — un fragment de cod (de obicei JavaScript) adăugat pe pagină;
• Triggers — determină când și unde se execută tag-urile;
• Variables — rețin informațiile folosite de tag-uri și triggere.

GTM îți permite să adaugi și să gestionezi tag-uri (Google Analytics 4, pixeli de conversie etc.) printr-un singur container, fără a modifica de fiecare dată codul temei.

Adăugarea codului GTM în tema activă

Codul GTM are două părți (script pentru head și noscript pentru body). Creează două șabloane phtml:

// <Theme>/Magento_Theme/templates/html/gtm_head.phtml  → <script> GTM
// <Theme>/Magento_Theme/templates/html/gtm_body.phtml  → <noscript> GTM

Apoi le încarci printr-un fișier de layout:

<!-- <Theme>/Magento_Theme/layout/default.xml -->
<referenceContainer name="head.additional">
  <block class="Magento\Framework\View\Element\Template" name="gtm.head" template="Magento_Theme::html/gtm_head.phtml"/>
</referenceContainer>
<referenceContainer name="after.body.start">
  <block class="Magento\Framework\View\Element\Template" name="gtm.body" template="Magento_Theme::html/gtm_body.phtml"/>
</referenceContainer>

După activare, poți gestiona din GTM tag-urile de urmărire (inclusiv Google Analytics 4).